使用括号和 && 的意外 jxs

Question

这个 jsx 有什么问题？

return(
    {(item.min_price > 0 || item.max_price > 0) && 
        <div className="col-md-12">
            {this.renderPrice()}
    </div>}
);

我在第 2 行收到意外标记。

Answer 1

如果您删除 curly brackets 它将起作用。

const item = {
 min_price: 10,
  max_price: 10

}

class Test extends React.Component {
  render(){
     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>

使用括号和 && 的意外 jxs

unexpected jxs using bracket and &&

javascript

jsx

reactjs