React must be present in scope when using JSX JS-0464
'React' must be in scope when using JSX
42 placeholder="Description"
43 />
44 </Form.Group>
45 <Button onClick={handleClick} variant="primary" type="submit">46 Submit
47 </Button>
48 </Form>'React' must be in scope when using JSX
33 </Form.Group>
34
35 <Form.Group className="mb-3" controlId="description">
36 <Form.Label>Note</Form.Label>37 <Form.Control
38
39 name="description"'React' must be in scope when using JSX
32 />
33 </Form.Group>
34
35 <Form.Group className="mb-3" controlId="description">36 <Form.Label>Note</Form.Label>
37 <Form.Control
38'React' must be in scope when using JSX
23 <h2 className="text-center">Add a new note</h2>
24 <Form>
25 <Form.Group className="mb-3" controlId="title">
26 <Form.Label>Title</Form.Label>27 <Form.Control
28 name="title"
29 type="text"'React' must be in scope when using JSX
22 <div className="container">
23 <h2 className="text-center">Add a new note</h2>
24 <Form>
25 <Form.Group className="mb-3" controlId="title">26 <Form.Label>Title</Form.Label>
27 <Form.Control
28 name="title"
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>;