reactjs - with - Error de Babel: el valor JSX debe ser una expresión o un texto JSX entre comillas

webpack and react tutorial

Question

Recibo un error de Babel al intentar compilar mi código JSX en JS. Soy nuevo en reaccionar, así que me disculpo si esto es un problema obvio, no pude encontrar nada que parezca relacionado. Estoy tratando de usar accesorios en este trozo de código, y pasar un prop de página de mi componente FieldContainer. Esto me está dando un problema, sin embargo, eso no es dejar que el código compile a JS. Descubrí en mi búsqueda que los valores prop deben pasar entre {} , pero agregar estos no ayudó. ¿Algunas ideas? ¡Gracias!

Answer 1

Recibí este error porque no pude citar una propiedad dentro de JSX:

<span aria-hidden=true ...

debería haber sido

<span aria-hidden="true" ...

Answer 2

Es difícil decir lo que intenta hacer aquí, pero como dice el error, el valor de un atributo debe ser una expresión {foo} o el texto citado "foo" .

En este caso

Child={<LoginForm />}

o

Child={LoginForm}

es probablemente lo que quieres