Question

遇到此错误时，我正在为自己的电子商务网站编写代码，其中我使用“（）”而不是“ {}”

Answer 1

“（）”用于包装 JSX块

示例：

class FooBar extends React.Component {
  render() {
    return (
      <div className="wrapper">
        Foo Bar
      </div>
    );
  }
}

“ {}”用于在React中包装 JS代码。您可以在“ {}”下写迭代或条件语句

示例：

class FooBar extends React.Component {
  render() {
    return (
      <div className="wrapper">
        {  
          // under "{}" you could write JS code
          myList.map(item)=>{
           return item
          }
        }
      </div>
    );
  }
}

“ []”在React中没有特殊含义，它是普通的JS代码。通常用于数组，地图等。

示例：

class FooBar extends React.Component {
  render() {
    return (
      <div className="wrapper">
        {
          myList.map(item=>{
           return item['name']  // where you get the attribute "name" from the object "item"
          })
        }
      </div>
    );
  }
}

React js中“（）”，“ {}”和“ []”之间有什么区别

1 个答案: