Mi App/sitio web tendrá los mismos componentes para usuarios registrados y no registrados. Excepto que se comportan un poco diferente.
¿Cuál es la forma estándar de la industria para diseñar esto?
¿Para crear 2 componentes separados? ¿O para crear 1 componente integrado?
Si los componentes no cambian drásticamente, sugiero mantener los mismos componentes y cambiar su clic funcionalmente en consecuencia a través de una declaración if.
const [comment, updateComment] = useState("") const isLogin = false // should come from some global state managment(ex : redux) handleClick = () => { if (isLogin) { // Post a comment } else { // Redirect to login page } } return <div> <input type="text" value={comment} onChange={e => updateComment(e.target.value)} /> <button onClick={handleClick}> Post a comment</button> </div>;}