Como automatizar a seleção de variável de existência em reagir?

Eu tenho reagir componentes que tornam variáveis através de adereços.

principal.jsx

<div>
   {props.name && <h1>{props.name}</h1>}
   {props.id && <h1>{props.id}</h1>}
</div>

pessoal.jsx

<div>
   {props.city && <h1>{props.city}</h1>}
   {props.country && <h1>{props.country}</h1>}
</div>

os mesmos arquivos repetidos em vários figurinos cujos estilos são diferentes.

A estrutura gosta.

--Card-1
  --main.jsx
  --personal.jsx
--Card-2
  --main.jsx
  --personal.jsx
--Card-3
  --main.jsx
  --personal.jsx
--Card-4
  --main.jsx
  --personal.jsx

Isso pode aumentar no futuro. Quero verificar/automatizar o script para verificar o name and id sai em evary main.js e city and country existem em cada pessoais.arquivo jsx

0
2019-09-18 08:11:14
origem
0 respostas

Veja mais perguntas por marcas