Lo siento, soy novato en React. Puede que sea una pregunta estúpida, pero ¿puedo escribir código HTML dentro de un código React? Estoy tratando de hacer un bloque personalizado para mi tema de wordpress y encontré un código de ejemplo de JavaScript.
/* This section of the code registers a new block, sets an icon and a category, and indicates what type of fields it'll include. */ wp.blocks.registerBlockType('coin-info/border-box', { title: 'color-info', icon: 'money-alt', category: 'common', attributes: { content: {type: 'string'}, color: {type: 'string'} }, /* This configures how the content and color fields will work, and sets up the necessary elements */ edit: function(props) { function updateContent(event) { props.setAttributes({content: event.target.value}) } function updateColor(value) { props.setAttributes({color: value.hex}) } return ( "div", null, React.createElement( "h3", null, "Simple Box" ), React.createElement("input", { type: "text", value: props.attributes.content, onChange: updateContent }), React.createElement(wp.components.ColorPicker, { color: props.attributes.color, onChangeComplete: updateColor }) ); }, save: function(props) { return wp.element.createElement( "h1", { style: { border: "3px solid " + props.attributes.color } }, props.attributes.content ); } })Inserté algunas etiquetas div y etiquetas p dentro del código como HTML, pero me sigue dando error. Creo que necesito estudiarlo más tarde LOL
Bueno, es una especie de pregunta difícil. El problema de que no puede usar HTML directamente en archivos React js. Para que las cosas funcionen, debe tener un compilador de babel que reemplace sus etiquetas HTML con objetos React.
El código que ha muestreado usando código compilado (React.createElement). Debe pasar estos datos como un elemento secundario de algún componente de reacción para que funcione.
Entonces, o usa ingresar la descripción del enlace aquí o usa el compilador Babel para preparar su código.