What does this mean: <> <

问题描述 投票:0回答:1

我看到反应原生0.62数据的这个东西是什么?如果我擦拭了就看不到效果。

const App = () => {
  return (
    <>       <-here
    </>      <-here
  );
};
javascript react-native
1个回答
4
投票

这就是 简短的React片段语法.

JSX只能返回一个单一的 "东西",所以。

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

...将是无效的。

一个片段允许这些元素被分组。

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

3
投票

这是写的简短语法


    <React.Fragment></React.Fragment>

但是,标签没有任何子标签(其他嵌套的标签或组件),所以不会有任何区别。

© www.soinside.com 2019 - 2024. All rights reserved.