如何通過React中的道具傳遞函數到不同的組件中的函數？

Question

我正在使用此React radio group component來創建廣播組。收音機是通過向RadioGroup組件傳遞一個函數來創建的，該組件將把道具傳遞給一個新的Radio組件。例如（JSFiddle）：

<RadioGroup 
     name={this.props.parameterData.param} 
     selectedValue={this.state.selectedValue} 
     onChange={this.handleChange}> 
     {Radio => (
     <div> 
      <Radio value='cool' label='First' /> 
      <Radio value='sweet' label='Second' /> 
     </div> 
    )} 
    </RadioGroup> 

現在，我試圖採取通過包含值/標籤對象數組迭代（JSFiddle）：

然而，由於沒有定義收音機，我不能做到這一點。我也嘗試把循環放在Radio =>函數中，但是我得到語法錯誤。我怎樣才能做到這一點？

Answer 1

你不需要渲染收音機，所有你需要的是

{Radio => (
    <div> 
     {this.props.parameterData.options.map((option, index) => (
      <Radio value={option.value} label={option.label} key={index} /> 
     ))} 
    </div> 
)}