Реагировать Родной | Что это значит: <>

Question

Что эта вещь, которую я вижу, реагирует на нативные данные 0.62? Если я вытерла, то не увидела бы эффекта.

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

Answer 1

Это короткий синтаксис для фрагмента React .

JSX может возвращать только одну «вещь», поэтому:

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

… будет недействительным.

Фрагмент позволяет группировать эти элементы.

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

Answer 2

Это короткий синтаксис записи

    <React.Fragment></React.Fragment>

Однако у тегов нет дочерних элементов (других вложенных тегов или компонентов), поэтому это не будет иметь значения.