リターンステートレスなコンポーネントの内部Objects.keys、予期しないトークン

Question

私はstatlessコンポーネントで、このリターンを持って、私は印刷テストdivをしようとするObject.keysを使用しています：

return (
    <div>Object.keys(subfields).map(function (item) { 
     return (
     <div>test/div> 
    ); 
    }); 
    </div>); 

しかし、私はgettint「予期しないトークンです'返信'の行に 何が起こっている、私はあなたが戻って回避することができます知っているが、私は物事をテストし、コンソールで印刷するために使用したいと思います、そして、私はコードがそれを読み取るためにはっきりしていると思います

Answer 1

Object.keysを{}にする必要があります。 私も行方不明<右あなたのコード内のtest :)

return (
    <div> 
    {Object.keys(subfields).map(item => 
     <div>test</div> 
    )} 
    </div> 
) 

以降に参照してください。

return (
    <div> 
    {Object.keys(subfields).map(function(item) { 
     return <div>test</div> 
    })} 
    </div> 
) 

Answer 2

あなたにも、Object.keysの呼び出しの前に戻ってJSXからJavaScriptに「脱出」しなければなりません返されたjsxの地図値を使用する場合

return (
    <div> 
     { Object.keys(subfields).map(item => <div>{item}</div>) } 
    </div> 
);