Considere este ejemplo
<div onClick={() => redirectTo('/foo')}> <input type="text"/> <input type="button" onClick={() => redirectTo('/bar')} /> </div>;cuando pruebo este ejemplo en este caso haciendo clic en la segunda entrada, React siempre redirige a /foo, ¿es ese comportamiento normal y cómo puedo hacer que React redirija a /bar? ¡Muchas gracias!
El evento de clic se propaga desde la entrada al div y se producen ambos redireccionamientos. Estás viendo el resultado de la última redirección.
Puede detener la propagación del evento de clic de la entrada.
<div onClick={() => redirectTo('/foo')}> <input type="text"/> <input type="button" onClick={(e) => { e.stopPropagation(); redirectTo('/bar'); }} /> </div>;