Javascript [react]呈现函数ES6语法或react only语法中的括号 class按钮扩展React.Component{ render（）{ 返回( {this.props.children} ); } }

在上面的react组件代码中，return语句后面有一个括号对

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

---

return（）它们用于对多行代码进行分组，以防止编译器错误错误地插入分号<代码>返回将正常工作。

这不是React语法，您可以这样做-

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

render（）{
返回
{this.props.children}
}

---

这也可以很好地工作，但像括号中的复杂返回包装一样，很容易理解。

明白了，非常感谢！请理解，直到最近在JSX中开发，我才看到这种用法，非常感谢！这是不对的。在这种情况下，省略括号将使代码以不同的方式执行，而不会返回按钮。应该有你的答案。

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