Question

class Button extends React.Component {
  render() {
    return (
      <button style={{background: this.props.color}}>
        {this.props.children}
      </button>
    );
  }
}

在上面的反应组件代码中，返回语句后面有一个括号对。

当a函数只需要返回一个普通的JS对象时，是否应该使用它？它来自 es6 语法还是来自 reactjs 语法？谢谢！

返回（）

Answer 1

它们用于对多行代码进行分组，以防止编译器错误错误地插入分号。 return <div></div>可以正常使用。

Answer 2

这不是React Syntax，你可以这样做 -

render() {
    return 
      <button style={{background: this.props.color}}>
          {this.props.children}
      </button>  
}

这也可以正常工作，但是在括号中复杂的返回换行很容易理解。

[反应]渲染函数ES6语法中的括号或仅反应语法

2 个答案: