我如何通過這個通過地圖功能ReactJS

Question

通過this.params我有父母與兩個道具：實體和選項。我想發送給每個實體作爲參數的選項。我怎樣才能做到這一點？我試着用：

class FormsList extends React.Component{ 
    constructor(props){ 
     super(props); 
    }; 
    render(){ 
     var items = this.props.entities.map(function(entity){ 
      return(
       <Child data={entity} key={entity.Id} moredata={this.props.options}/> 
      ); 
     }); 
     return(
      <MuiThemeProvider muiTheme={getMuiTheme()}> 
       <List children={items}/> 
      </MuiThemeProvider> 
     );  
    }; 
}; 

我知道PARAMS不在entities.map函數體訪問，但我應該怎麼選項傳遞給孩子？

Answer 1

您需要綁定您的地圖功能才能訪問正確的this。

var items = this.props.entities.map(function(entity){ 
    return (
     <Child data={entity} key={entity.Id} moredata={this.props.options}/> 
    ); 
}.bind(this); 

或者，您可以使用箭頭函數語法：

var items = this.props.entities.map(entity => { 
    return (
     <Child data={entity} key={entity.Id} moredata={this.props.options}/> 
    ); 
};