Реагируйте на Native, что именно является <> (пустым) компонентом

Question

В React Native вы можете инкапсулировать набор компонентов в один <View> (или аналогичный) компонент. Вы также можете инкапсулировать набор компонентов как <> и </>. Что это? Они просто переводят в базовый вид? Это, вероятно, не очень хорошая практика, но она не дает предупреждения и не вызывает sh.

Answer 1

В дополнение к тому, что Он сказал, он используется для встраивания многих HTMLE-элементов , чтобы вы не помещали их, например, в <div>.

Например , у вас могут быть эти варианты использования

render() {
  return (
    <React.Fragment>
      <ChildA />
      <ChildB />
      <ChildC />
    </React.Fragment>
  );
}

Для более подробного объяснения вы можете прочитать этот React Официальный фрагмент документации

Answer 2

Это ярлык React для Fragment компонента.

Вы можете написать так:

import React, { Component } from 'react'

class Component extends Component {
  render() {
    return <> <ComponentA/> <ComponentB/> </>
  }
}

Или без ярлыка и импортировать Fragment компонент

import React, { Component, Fragment } from 'react'

class Component extends Component {
  render() {
    return <Fragment> <ComponentA/> <ComponentB/> </Fragment>
  }
}

Вы должны знать, что вы не можете использовать любую клавишу или пропеллер с синтаксисом ярлыка.

Вот официальная документация

Надеюсь, это поможет!

Answer 3

В реакции <> and </> - это синтактический c сахар для <React.Fragment>. В основном это означает, что все компоненты должны быть обернуты в родительский элемент. Таким образом, не нарушая всю схему c design <> предоставляет обертку, чтобы обернуть в нее все ваши элементы.

 <React.Fragment>
     // your code
    </React.Fragment>

- это то же самое, что

<>
// your code 
</>

надеюсь, что это поможет