MENU


Function Component

A React component can be defined as a function in JavaScript.

This function is a valid React component because it accepts a single “props” (which stands for properties) object argument returns a React element.
RESETRUNFULL
<!DOCTYPE html><html><head></head><body><script src="https://unpkg.com/react@17/umd/react.development.js"
            crossorigin></script><script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js"
            crossorigin></script>
    <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
    <script type="text/babel">
        function Welcome(props) {return <h1>Hello, {props.name}.</h1>;
        }
    ReactDOM.render(<Welcome name="John"/>, document.querySelector('div'));
    </script>
    <div></div></body></html>