如何在每个页面加载时随机显示一个组件？（反应）

Question

如何在每个页面加载时随机显示一个组件（使用 React）？

例如，我有两个组件：

<ComponentOne /> and <ComponentTwo />

我想在每个页面加载时随机显示一个组件。

我应该在 componentDidMount() 中做吗？

class MyComponent extends React.Component {
  loadRandomComponent() {
     // return <ComponentOne /> || <ComponentTwo />
  }
  componentDidMount() {
    this.loadRandomComponent();
  }
}

Answer 1

看看有没有帮助

class ComponentThree extends React.Component {
  render() {
    return <div>ComponentThree</div>;
  }
}

class ComponentTwo extends React.Component {
  render() {
    return <div>ComponentTwo</div>;
  }
}

class ComponentOne extends React.Component {
  render() {
    return <div>ComponentOne</div>;
  }
}

class Hello extends React.Component {
randomize(myArray) {
    return myArray[Math.floor(Math.random() * myArray.length)];
}
  render() {
    var arr = [<ComponentOne />, <ComponentTwo />, <ComponentThree />]
    return <div>Hello {this.randomize(arr)}</div>;
  }
}