reactjs - 如何在每次页面加载时随机显示一个组件？ ( react )

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>;
  }
}