如何在每個頁面加載時隨機顯示組件？ （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>; 
    } 
}