javascript - 每次有人在 react.js 中加载页面时，提供 10 个不同的文本加载器

Question

我正在创建一个带有消息的加载页面，并创建一个演示，因为该加载页面带有文本，我想在每次加载时显示不同的文本消息，我已经尝试了很多时间，比如创建 araay 并尝试在列表中，但没有得到正确

我的代码是

   {
      loading ?
        <div>
        <img src={stackLoader} width="50px" />
            <p>Loading your stacks..</p>
        </div> 
      : <React.Fragment>
           loading else part
      </React.Fragment>
   }

在这里，加载是一个状态变量，我想在段落中显示

加载你的堆栈..

每次加载新的短信，如，你好，堆栈，工作区等......

请任何人解决！

谢谢！

标签： javascriptreactjs

Answer 1

如果您想获得任何随机加载文本，您可能希望将这些答案保存在一个数组中，并编写一个代码，该代码将从该数组中选择一个随机文本并将其放入您的 p 中。代码将如下所示：

const answers = ['Hello', 'Loading', 'Next'];
const randomAnswer = answers[Math.floor(Math.random() * items.length)];

然后在你的 p 中显示 randomAnswer。