このjsxの何が問題なのですか？ブラケットと&&を使用した予期しないjxs
return(
{(item.min_price > 0 || item.max_price > 0) &&
<div className="col-md-12">
{this.renderPrice()}
</div>}
);
あなたはそれが動作しますcurly bracketsを削除した場合、私はライン2
で予期しないトークンを得ました。
const item = {
\t min_price: 10,
max_price: 10
}
class Test extends React.Component {
\t \t render(){
\t return(
(item.min_price > 0 || item.max_price > 0) &&
<div className="col-md-12">
<div>Price</div>
</div>
);
}
}
React.render(<Test />, document.getElementById('container'));<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.8/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.8/react-dom.min.js"></script>
<div id="container">
<!-- This element's contents will be replaced with your component. -->
</div>
中括弧{} –
@OriDrori削除しますか？ –
外側の '{}'はそこでは有効ではありません（またはその内容は有効ではありません）。オブジェクトリテラルには任意の式を含めることはできません。 '{... && ...}'は単に有効なJavaScriptではありません。あなたは思うかもしれません： "' {...}はJSXで式を埋め込むために使われます。しかし、外側の '{}'はJSXの内部にはありません。 –