Question

我有20个不同的组件和20个按钮。 Component1，Component2，Component3 ...... Component20 button1，button2，button3 .......... button20 我想要的是单击按钮1时在div内渲染Component1，单击按钮2时将其替换为Component2。 ???

import React, { Component } from 'react';
class Dashboard extends Component {
    state = {  }
    render() { 
        return (
            <div>

            </div>
        );
    }
}

export default Dashboard;

Answer 1

不知道这是怎么回事..但我想您可能具有这样的功能所设置的状态：

setComponent(num){this.setState({componentNumber:num})}

，然后使用swtich语句在render方法中检查componentNumber状态并显示相关组件：

let componentToDisplay;
//switch statement that sets the componentToDisplay based on the this.state.componentNumber

return ( {componentToDisplay})

我猜是这样的……

在React中的组件内部渲染不同的组件

1 个答案: