複数のコンポーネントを条件付きでレンダリングする

Question

私のレンダー機能にif-elseブロックがあります。 myattributeが未解決の変数であるというエラーが常に出ます。

render: function() { 
    return ({ 
     this.state.something.length ? (
      <h3>Selected products</h3> 
      <Element myattribute={this.state.something}/> 
     ) : '' 
    }) 
} 

Answer 1

理由がある条件がtrueの場合、あなたは複数の要素を返すされ、これを試してみてください。

render() { 
return (
    <div> 
     { 
     this.state.something.length ? 
      <div> 
      <h3>Selected products</h3> 
      <Element myattribute={this.state.something}/> 
      </div> 
     : '' 
     } 
    </div> 
) 
}