If

Esse componente tem como função auxiliar na manipulação, manutenção e padronização de renderização condicionada dentro de uma aplicação.

Exemplo

Visualização

info

Não é exatamente um componente visual, está mais para um encapsulador de elementos JSX que renderiza os elementos filhos se a condição inserida for satisfeita.

Fonte

const numero1 = 717;

<If condition={numero1 % 2 === 0}>

<Typography>Elemento par</Typography>

</If>

<If condition={numero1 % 2 !== 0}>

<Typography>Elemento ímpar</Typography>

</If>

Atributos

Formato	Conceito	Tipo
children	Elementos filhos do componente.	React.ReactNode
condition	Condição que determinará se os componentes filhos serão renderizados.	boolean
key?	Define a chave do componente.	number, string