React.render（<div> </div>，document.body）和React.render（（<div> </div>），document.body之间的差异是什么？

Question

所有

我是React.js的新手，我想问的一个问题是提到的标题：

React.render(<div></div>, document.body)

VS

React.render( (<div></div>), document.body)

为什么两者都起作用（通过其他方式，括号的作用）？

由于

Answer 1

请记住，JSX涉及普通函数调用。所以，这两个例子真的是：

React.render(React.createElement("div"), document.body)

VS

React.render( (React.createElement("div")), document.body)

所以，没有区别。这类似于询问

之间的区别

alert(add(1, 2));

VS

alert( (add(1, 2)) );

如果要将要返回的JSX放在新行上，则通常在React中使用括号：

// WON'T WORK, returns undefined
return
  <div>
    test
  </div>;

// WILL work
return (
  <div>
    test
  </div>
);

然而，这与任何其他JavaScript

一样

// WON'T WORK, returns undefined
return
  a + b;

// WILL work
return (
  a + b
);

因此，就像任何其他JavaScript一样，它通常没有区别，除非您需要对事物进行分组或使用它们将语句继续到下一行。