4 Different Ways To Write An Arrow Function With JSX

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></>;