関数の戻り値をプロパティとしてプロパティとして渡す方法

Question

関数の戻り値を、どのようにして反応コンポーネントのプロパティに渡すことができますか？次の例の場合TypeError：props.columnsは定義されていませんがスローされます。

 <ReactDataGrid 
      columns={this.props.data['head'] && this.props.data['head']['vars'].map(function(heading) { 
       return {key: heading, name: heading, editable : true} 
      })} 
     rowGetter={this.rowGetter} /> 

Answer 1

ソリューションは、プロパティの外にはnullチェックを入れることです：

 if (this.props.data['head']) { 
     return (
      <ReactDataGrid 
      columns={this.props.data['head']['vars'].map(function(heading) { 
       return {key: heading, name: heading, editable : true} 
      })} 
      rowGetter={this.rowGetter} /> 
     ) 
     } else { 
     return (<span>Loading</span>) 
     }