javascript - react native | : <> 这是什么意思

Question

我在 React Native 0.62 数据中看到了什么？如果我删除，我看不到效果。

const App = () => {
  return (
    <>       <-here
    </>      <-here
  );
};

Answer 1

这是short syntax for a React fragment .

JSX 只能返回一个“东西”，因此:

return (
   <div>Hello</div>
   <div>World</div>
);

...无效。

片段允许对这些元素进行分组。

return (
   <>
       <div>Hello</div>
       <div>World</div>
   </>
);