React官方文档高级指引 -- 阅读笔记

深入JSX:

• 可以用大写字母开头的变量名作为 JSX 标签, 如下:

function Story(props) {
  // 正确！JSX 标签名可以为大写开头的变量。
  const SpecificStory = components[props.storyType];
  return <SpecificStory story={props.story} />;
}

• 可以使用 " … " 语法来展开属性, 如下:

function App1() {
  return <Greeting firstName="Ben" lastName="Hector" />;
}

function App2() {
  const props = {firstName: 'Ben', lastName: 'Hector'};
  return <Greeting {...props} />;
}

• JSX 子代中的 boolean null undefine 都不会被渲染, 虽然它们都是合法的子代, 如果需要将其渲染, 转换成字符串即可.