Javascript const tabs=对象键（库）； 这是我的国家({ 标签：标签 }); } 更改选项卡=（选项卡）=>{ this.setState（{activeTab:tab}）； } render（）{ 返回( {this.state.tabs.map（（选项卡

const tabs=对象键（库）； 这是我的国家({ 标签：标签 }); } 更改选项卡=（选项卡）=>{ this.setState（{activeTab:tab}）； } render（）{ 返回( {this.state.tabs.map（（选项卡，索引）=>{ 返回 }) } ) } }

---

render（，document.getElementById（'root'））相关：你为什么不换一种方式？或者你坚持这样做吗？相关：你为什么不换一种方式？还是你一直坚持这样做？我想给Andrew Li关于for循环修复的最佳答案，但这确实在概念上指引了我正确的方向（即这是一个艰难的决定）。不过，我在更新选项卡时确实有问题。我有一个css类，它将选项卡显示为单击/活动。因此，我可以显示选项卡2已单击且现在处于活动状态，但不会强制选项卡1更新，并将其自身与新的活动选项卡（2）进行比较，以重置为非活动状态。@DeadSupra该示例已使用活动选项卡样式更新。如果将其从父状态挂钩，则在更改活动选项卡时，它将重新渲染子组件。如果您需要更多信息，请告诉我。：）完美的对我自己的代码进行了轻微修改，但总体上使我走上了正确的道路。谢谢你，所以muchI想给Andrew Li关于for循环修复的最佳答案，但这确实在概念上引导了我正确的方向（即这是一个艰难的决定）。不过，我在更新选项卡时确实有问题。我有一个css类，它将选项卡显示为单击/活动。因此，我可以显示选项卡2已单击且现在处于活动状态，但不会强制选项卡1更新，并将其自身与新的活动选项卡（2）进行比较，以重置为非活动状态。@DeadSupra该示例已使用活动选项卡样式更新。如果将其从父状态挂钩，则在更改活动选项卡时，它将重新渲染子组件。如果您需要更多信息，请告诉我。：）完美的对我自己的代码进行了轻微修改，但总体上使我走上了正确的道路。多谢各位

<App>
    <Nav>
        <Tab1></Tab1>
        <Tab2></Tab2>
        <Tab3></Tab3>
    </Nav>
    <Section>Display Stuff Here</Section>
    <Footer></Footer>
</App>

for(...) {
    tab = React.createElement(Tab, {changeDisplay: () => {this.handleClick(this.changeDisplay(i)}});
    myMap.set(i, tab);
}

class Tab extends React.Component {
    constructor(props) {
        super(props);
        this.tab = React.Component('div', null);
    }
    render() {
        return this.tab;
    }
    componentDidMount() {
        this.forceUpdate();
    }
    componentWillUpdate(nextProps, nextState) {
        this.tab = React.Component('div', {onClick: nextProps.changeDisplay});
    }
}

changeDisplay1() { changeDisplay(1) };
changeDisplay2() { changeDisplay(2) };
changeDisplay3() { changeDisplay{3) };
changeDisplay4() { changeDisplay(4) };