反応マップ上の入力チェックボックスに予期しないトークンがあります

-2

render() { 
    return (<div> this.list.map(obj => <input value={obj.name} type="checkbox" />)</div>) 
}

Reactコンポーネントの中で使用する場合は、中括弧でコードを囲む必要があります。 –

@MichaelLyons何が間違っていますか？ https://jsfiddle.net/jwm6k66c/2813/ –

div括弧の表記には空白があります。これを確認してください：[https://jsfiddle.net/jwm6k66c/2814/](https://jsfiddle.net/jwm6k66c/2814/） –

あなたはこのようにそれを書き、{}でmap部分をラップするのを忘れ：

render() { 
    return (
     <div> 
     {this.list.map(obj => <input key={obj.name} value={obj.name} type="checkbox" />)} 
     </div> 
    ) 
}

は、各入力要素にユニークなkeyを割り当てます。

リストがstateの場合は、this.state.listと書く必要があります。同じコードを使用しているかどうかはわかりません。

2017-06-01 05:18:52

は動作しませんhttps://jsfiddle.net/jwm6k66c/2813/ –

いくつかの書式設定の問題は不必要なスペースを与えません、それは働いています：https://jsfiddle.net/mayankshukla5031/kncwe7xu/ –

mapを中括弧に囲む必要があります。コードは次のようになります。

これは動作します。 Here is the fiddle。

2017-06-01 07:25:49 Boky

答えて