iscott/4_ways_jsx_arrow_functions.md

Last active April 5, 2021 16:01

Star () You must be signed in to star a gist
Fork () You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/iscott/715470192faffe1f2c387d6b8dca631a.js"></script>
Save iscott/715470192faffe1f2c387d6b8dca631a to your computer and use it in GitHub Desktop.

Download ZIP

4 Different Ways To Write An Arrow Function With JSX

Raw

4_ways_jsx_arrow_functions.md

4 different ways to write an arrow function with JSX

const SettingsPage = (props) => {
    return (
        <>
            <h1>SettingsPage</h1>
            <Link to="/">Home</Link>
        </>
    );
};

const SettingsPage = props => {
    return (
        <>
            <h1>SettingsPage</h1>
            <Link to="/">Home</Link>
        </>
    );
};

const SettingsPage = props => (
    <>
        <h1>SettingsPage</h1>
        <Link to="/">Home</Link>
    </>
);

const SettingsPage = props => <><h1>SettingsPage</h1><Link to="/">Home</Link></>;