En mi aplicación, tengo un componente personalizado H que incluye un encabezado y un subencabezado como accesorios.
Para mi accesorio de encabezado, quiero concatenar la expresión lodash con una cadena. Vea a continuación mi código.
<H header= `${_.startCase(type)} SomeString` subheader= "Lorem ipsum do eiusmod" />Probé las sugerencias aquí https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals , pero tal vez porque estoy usando lodash no funciona.
La sintaxis de su accesorio es incorrecta:
header={`${_.startCase(type)} SomeString`} En React, cualquier valor de prop que contenga código debe encerrarse entre {} .
Solo se pueden pasar cadenas constantes como prop="a string" sin un par de {} . Todos los demás valores lo requieren*.
* Bueno, hay dos casos especiales.
children que se establece de la siguiente manera. Aquí children es algo así como <>content</> .
<MyComponent>content</MyComponent> Y accesorios de taquigrafía booleana. Here isCool es true .
<MyComponent isCool /> Aunque, si desea establecerlo en false , necesita llaves nuevamente:
<MyComponent isCool={false} />