6 replies

a noob questions, arrow function or normal function for react components

i've always wondered what's the difference in using arrow function or just normal

export default function Foo(props: SomeTypes){}

export default function Foo(props: SomeTypes){}

export default function Foo(props: SomeTypes){}

export default function Foo(props: SomeTypes){} over

const Foo: FC<SomeTypes> = (props) => {} export default Foo

const Foo: FC<SomeTypes> = (props) => {} export default Foo

const Foo: FC<SomeTypes> = (props) => {} export default Foo

const Foo: FC<SomeTypes> = (props) => {} export default Foo? Couldn't quite understand the real benefit other than the

this

this

this

this keyword scope or things like conciseness etc.

Or is this really just a personal preference of oneself and the team?