配列を使用したボタンでボタングループを塗りつぶすことに反応します

Question

ボタンをArrayMap（）を使用してButtonGroupに書き込もうとしていますが、ボタンが表示されません。私は全く同じメソッドを使用してMenuItemsを持つDropDownButtonを問題なく設定しました。

作業DropdownButtonはここにある：

<DropdownButton title={this.state.regionallevel} onSelect={(evt)=>{ 
       this.setState({regionallevel: evt},() => { 
        this.sendNewScenarios(); 
       })}}> 
       {regionalLevels.map((regionalleveli, i) => 
        <MenuItem eventKey={regionalleveli} key={i}>{regionalleveli}</MenuItem>)} 
      </DropdownButton> 

そして、ここでは非稼働ButtonGroupを次のとおりです。私はこのようにそれを行う場合

<ButtonGroup vertical> 
       {scenarios.map=((scenarioi, i) => 
        <Button color="default" key={i} onClick={() => this.onCheckboxBtnClick(scenarioi)} active={this.state.checkboxesSelected.includes(scenarioi)}>{scenarioi}</Button>)} 
      </ButtonGroup> 

ButtonGroupを作業を行いますが、私はそれをする必要があります動的：

<ButtonGroup vertical> 
       <Button color="default" onClick={() => this.onCheckboxBtnClick(scenarios[0])} active={this.state.checkboxesSelected.includes(scenarios[0])}>{scenarios[0]}</Button> 
       <Button color="default" onClick={() => this.onCheckboxBtnClick(scenarios[1])} active={this.state.checkboxesSelected.includes(scenarios[1])}>{scenarios[1]}</Button> 
       <Button color="default" onClick={() => this.onCheckboxBtnClick(scenarios[2])} active={this.state.checkboxesSelected.includes(scenarios[2])}>{scenarios[2]}</Button> 
      </ButtonGroup> 

コンポーネントは反応ブートストラップからインポートされます。どこに問題がありますか？

更新：私はコードをまったく変更していないにもかかわらず、理由はわかりませんが、ButtonGroupは正しく機能しています。しかし同じ方法で動作するはずの別のButtonGroupがありますが、そうではありません。コードは次のとおりです。

<ButtonGroup vertical> 
       {periods.map=((periodi, i) => 
        <Button color="default" key={i} onClick={() => this.onRadioBtnClick(periodi)} active={this.state.radioButtonSelected===periodi}>{periodi}</Button>)} 
      </ButtonGroup> 

コンソールの内容は次のとおりです。 95行目はButtonGroupの開始位置です：

Warning: Functions are not valid as a React child. This may happen if you return a Component instead of <Component /> from render. Or maybe you meant to call this function rather than return it. 
in div (created by ButtonGroup) 
in ButtonGroup (at DropdownMenuScenarios.js:95) 
in div (at DropdownMenuScenarios.js:56) 
in DropdownMenuScenarios (at App.js:36) 
in div (at App.js:29) 
in App (at index.js:7) 

Answer 1

あなたはタイプミス（余分な=）があります。だから、：

periods.map((periodi, i) => .... 

なく

periods.map=((periodi, i) => ... 

とエラーが明らかになった理由です：Functions are not valid as a React child.