/Javascript/React/React should write method in a functional component or outside functional component

React should write method in a functional component or outside functional component

In most cases you should declare the functions outside of the component function
so you declare them only once and always reuse the same reference. When you 
declare the function inside, every time the component is rendered the function 
will be defined again.

There are cases in which you will need to define a function inside the component
to, for example, assign it as an event handler that behaves differently based on
the properties of the component. But still you could define the function outside
Ball and bind it with the properties, making the code much cleaner and making 
the update or draw functions reusable.

Source: stackoverflow.com

Similar codes

9 votes141 views3 answers
React select
Javascript React
1 vote134 views1 answer
Reactjs compile subdomine
Javascript React
0 vote148 views1 answer
React Hook useEffect has a missing dependency: Either include it or remove the dependency array. If changes too often, find the parent component that defines it and wrap that definition in useCallback. (react-hooks/exhaustive-deps) eslint
Javascript React
-1 vote148 views1 answer
Command not found:create-react-app
Javascript React
3 votes148 views1 answer
React icons in nextJS
Javascript React
14 votes104 views9 answers
Attempted import error: 'switch' is not exported from 'react-router-dom'.
Javascript React
0 vote153 views1 answer
`ForwardRef(ListboxComponent)`, expected a ReactNode. at ListboxComponent
Javascript React
0 vote148 views1 answer
React show new app
Javascript React
3 votes141 views1 answer
Navigation react pass props
Javascript React
4 votes144 views2 answers
React get url params in class component
Javascript React