ReactJS Синтаксис скобок

Question

Я новичок в изучении reactJS и не понимаю, когда использовать скобки внутри компонентов.

Например, как узнать, как использовать скобки вокруг props.name?

function Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}

Answer 1

Добро пожаловать в React!

Эти квадратные скобки имеют синтаксис JSX. JSX был изобретен Facebook для React. См. Эту страницу для получения дополнительной информации: https://reactjs.org/docs/introducing-jsx.html

И спец. c: https://facebook.github.io/jsx/

Примечание:

Вы можете поместить любое допустимое выражение JavaScript в фигурные скобки в JSX