Seria possível passar comandos javascipt via props?
Por exemplo, criar um input que pode ser digitado e em um outro lugar este mesmo input ser readonly
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Seria possível passar comandos javascipt via props?
Por exemplo, criar um input que pode ser digitado e em um outro lugar este mesmo input ser readonly
Olá Tomaz! Tudo ok contigo?
Sim, é possível passar comandos JavaScript via props no React. No caso específico que você mencionou, de um input que pode ser digitado e em outro lugar ser readonly, você pode criar uma propriedade para controlar isso.
Por exemplo, você pode criar um componente de Input que recebe uma propriedade chamada 'readonly'. Quando essa propriedade for verdadeira, o input será somente leitura. Caso contrário, o input poderá ser editado. Veja o exemplo abaixo:
function InputComponent({ readonly, ...props }) {
return (
<input readOnly={readonly} {...props} />
)
}
E na utilização deste componente, você pode passar a propriedade 'readonly' como desejar:
<InputComponent readonly={true} />
<InputComponent readonly={false} />
No primeiro caso, o input será somente leitura (readonly). No segundo caso, o input poderá ser editado.
Espero ter ajudado! Se precisar conte com a comunidade do fórum!
Abraços e bons estudos!