关于taro使用React.Fragment语法的问题

今天和大家聊一聊taro使用React.Fragment出现的问题。

---

什么是React.Fragment

在react组件中，只能返回单一的元素，不能返回一个元素列表。

//报错
render() {
  return (
      <ChildA />
      <ChildB />
      <ChildC />
  );
}
//正常
render() {
  return (
    <div>
      <ChildA />
      <ChildB />
      <ChildC />
    </div>
  );
}

这个是由React的API决定的，因为这段jsx代码最终会转换成为如下的调用。

React.createElement(
  type,
  [props],
  [...children]