React must be present in scope when using JSX JS-0464
'React' must be in scope when using JSX
140 <BlockEdit {...props} />
141 {props.attributes.url && (
142 <InspectorControls>
143 <PanelBody title={ __( 'Button to Popover (Ekiline)', 'ekiline-collection' ) } initialOpen={ true }>144 <TextControl
145 label={ __( 'Popover text to show.', 'ekiline-collection' ) }
146 value={props.attributes.addDataLnkPopover}'React' must be in scope when using JSX
139 <Fragment>
140 <BlockEdit {...props} />
141 {props.attributes.url && (
142 <InspectorControls>143 <PanelBody title={ __( 'Button to Popover (Ekiline)', 'ekiline-collection' ) } initialOpen={ true }>
144 <TextControl
145 label={ __( 'Popover text to show.', 'ekiline-collection' ) }'React' must be in scope when using JSX
90
91 return (
92
93 <Fragment> 94 <BlockEdit {...props} />
95 {/**
96 * Nota: Los botones ocupan: props.attributes.url'React' must be in scope when using JSX
296 );
297
298 }
299 return <BlockEdit {...props} />;300 };
301}, 'withAdvancedControlsBsImageLink');
302'React' must be in scope when using JSX
283 }
284 />
285 {/* Cerrar Bslink */}
286 <ToggleControl287 label={ __( 'Is close button?', 'ekiline-collection' ) }288 checked={ ! dissmissBsComponent }289 onChange={ () => setAttributes( { dissmissBsComponent: ! dissmissBsComponent } ) }290 help={ ! dissmissBsComponent ? __( 'Yes.', 'ekiline-collection' ) : __( 'No.', 'ekiline-collection' ) }291 />292 </PanelBody>
293 </InspectorControls>
294 )}
Description
The React object contains many objects that are referenced indirectly when expanding JSX.
When using JSX, <a /> expands to React.createElement("a").
Therefore React must be imported.
Bad Practice
const Hello = <div>Hello {this.props.name}</div>;
Recommended
import React from 'react';
const Hello = <div>Hello {this.props.name}</div>;