idiomatic memo usage

is there a more idiomatic way to write this?

    const username = createMemo(() => state.data?.displayName?.toLowerCase().split(" ")[0]);

    return (
        <>
            <p>welcome{username() ? `, ${username()}` : ""}</p>

    const username = createMemo(() => state.data?.displayName?.toLowerCase().split(" ")[0]);

    return (
        <>
            <p>welcome{username() ? `, ${username()}` : ""}</p>

    const username = createMemo(() => state.data?.displayName?.toLowerCase().split(" ")[0]);

    return (
        <>
            <p>welcome{username() ? `, ${username()}` : ""}</p>

    const username = createMemo(() => state.data?.displayName?.toLowerCase().split(" ")[0]);

    return (
        <>
            <p>welcome{username() ? `, ${username()}` : ""}</p>

idiomatic memo usage

Similar Threads

Similar Threads

Similar Threads