React 关于array.map应该注意的问题

最近开发是遇到的问题

function NumberList(props) {
  const numbers = props.numbers;
  return (
    <ul>
      {numbers.map((number) =>
        <ListItem key={number.toString()}
                  value={number} />
      )}
    </ul>
  );
}

https://facebook.github.io/react/docs/lists-and-keys.html#rendering-multiple-components

以上例子势能正常运行的,但是由于写法上出现了一些偏差 我的代码竟然没有了效果 ,错误案例如下

function NumberList(props) {
  const numbers = props.numbers;
  return (
    <ul>
      {numbers.map((number) =>
      {
        <ListItem key={number.toString()}
                  value={number} />
       }
      )}
    </ul>
  );
}

如上所示,在=>后面家了个大括号竟然无法运行了,真是奇怪. 分析了半天才找到yunyin