Pesquisa
Pesquisa

React Native inserir um componente em outro

Ben Publicado em Dev
13
Ben

Existe uma maneira de "injetar" um componente RN em outro em um local específico. Digamos que eu tenha este componente:

const Original = () => {
  return (
    <View>
      <Text>Hello</Text>
      {InsertChildComponentHere}
    </View>
  )
}

const ChildComponent = () => {
  return (
    <View>
      <Text>I am a child component</Text>
    </View>
  )
}
Arbnor

Para injetar um Componente em um outro Componente (HOC), seu componente deve aceitar "Componente" como parâmetros. Você pode escrever assim:

const Original = (Component) => {
  const newComponent = ({ ...props }) => {
    return (
      <Fragment>
        <Text>Hello</Text>
        <Component {...props} />
      </Fragment>
    );
  };

  return newComponent;
};

para criar o HOC você pode escrever:

const MyComponent = withOriginal(ChildComponent);

Este artigo é coletado da Internet.

Se houver alguma infração, entre em [email protected] Delete.

editar em
0

deixe-me dizer algumas palavras

0comentários
loginDepois de participar da revisão

Artigos relacionados

Como faço para inserir um componente em um MAP de outro componente no React?

Como acessar o estado de um componente funcional de outro componente funcional em react-native?

Como inserir uma quebra de linha em um componente <Text> no React Native?

React Native passar um componente para outro componente

Como posso remover um className de um componente ao inserir outro componente no react

Como inserir um site em um componente React

(ReactJS) Alterações de CSS após inserir um componente em outro componente

React Native - Passando dados de um componente para outro

Como usar ref em outro componente no react native?

Alterar o estado em outro componente no React Native

Colocando um componente no MapView em react native

Como inserir um template-ref em outro componente dinamicamente angular 5

Assine a ação em um componente React publicado a partir de outro

React.js: agrupando um componente em outro

Inserir componente com variáveis em outro componente

Posso adicionar programaticamente o manipulador de eventos a um ListView ou outro componente usando refs em react-native?

Como um componente React chama um método em outro componente React?

Renderizando um componente em outro

React-Native: como vincular item em componente com item em outro componente?

Como conectar um componente em outro componente

React Native - como passar dados para o componente que é um atributo dentro de outro componente

Como renderizar um componente React Native depois que outro componente foi renderizado?

React Native ScrollView - Como rolar para um componente filho de outro botão de componente filho?

Alcançando o objeto que é declarado dentro de um componente de outro componente - React Native

Como evito que o css em um componente afete o css em outro componente no React?

Como inserir um valor de um componente React em um valor textarea

Posso inserir um vazio em outro conjunto?

Como inserir um dataframe em outro dataframe?

Como inserir um procedimento em outro procedimento

TOP lista

  1. 1

    R Shiny: use HTML em funções (como textInput, checkboxGroupInput)

  2. 2

    UITextView não está exibindo texto longo

  3. 3

    Dependência circular de diálogo personalizado

  4. 4

    Acessando relatório de campanhas na AdMob usando a API do Adsense

  5. 5

    Como assinar digitalmente um documento PDF com assinatura e texto visíveis usando Java

  6. 6

    R Folheto. Dados de pontos de grupo em células para resumir muitos pontos de dados

  7. 7

    Setas rotuladas horizontais apontando para uma linha vertical

  8. 8

    O Chromium e o Firefox exibem as cores de maneira diferente e não sei qual deles está fazendo certo

  9. 9

    Definir um clipe em uma trama nascida no mar

  10. 10

    Por que meus intervalos de confiança de 95% da minha regressão multivariada estão sendo plotados como uma linha de loess?

  11. 11

    Como dinamizar um Dataframe do pandas em Python?

  12. 12

    regex para destacar novos caracteres de linha no início e no fim

  13. 13

    Why isn't my C# .Net Core Rest API route finding my method?

  14. 14

    Como obter a entrada de trás de diálogo em treeview pyqt5 python 3

  15. 15

    Tabela CSS: barra de rolagem para a primeira coluna e largura automática para a coluna restante

  16. 16

    How to create dynamic navigation menu select from database using Codeigniter?

  17. 17

    Como recuperar parâmetros de entrada usando C #?

  18. 18

    Changing long, lat values of Polygon coordinates in python

  19. 19

    Livros sobre criptografia do muito básico ao muito avançado

  20. 20

    Método \ "POST \" não permitido no framework Django rest com ações extras & ModelViewset

  21. 21

    Pesquisa classificada, conte números abaixo do valor desejado

quentelabel

Arquivo