|
type
=
"text/javascript"
src
=
"/path/to/react-dom.js"
>
type
=
"text/javascript"
>
// Use react JavaScript code here or in a separate file
type
=
"text/javascript"
src
=
"/path/to/react.js"
>
type
=
"text/javascript"
src
=
"/path/to/react-dom.js"
>
src
=
"https://npmcdn.com/babel-core@5.8.38/browser.min.js"
>
type
=
"text/babel"
>
// Use react JSX code here or in a separate file
<
script type
=
"text/javascript"
>
// create a React element rElement
var
rElement
=
React.
createElement
(
'h1'
,
null
,
'Hello, world!'
);
// dElement is a DOM container
var
dElement
=
document.
getElementById
(
'example'
);
// render the React element in the DOM container
ReactDOM.
render
(
rElement
,
dElement
);
script
>
id
=
"content"
>
type
=
"text/babel"
src
=
"scripts/example.js"
>
id
=
"content"
>
className
=
"firstComponent"
>
Hello, world! I am a FirstComponent.
type
=
"text/babel"
src
=
"scripts/example.js"
>
hello World
id
=
"app"
>
type
=
"text/babel"
src
=
"app.jsx"
>
id
=
"content"
>
src
=
"app.js"
>
id
=
"App"
>
src
=
"build/bundle.js"
charset
=
"utf-8"
>
id
=
"app"
/>
src
=
"public/bundle.js"
>
|
