/Javascript/React/React hook form submit outside form

React hook form submit outside form

const { handleSubmit } = useForm();
const onSubmit = data => {
	console.log(data);
};

//...

<form id="hook-form" onSubmit={handleSubmit(onSubmit)}>
	{/* your awesome form */}
</form>

<button type="submit" form="hook-form">Submit</button>

Source: github.com

Similar codes

0 vote156 views1 answer
Use jsx extension react-native
Javascript React
0 vote155 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
7 votes147 views1 answer
The path argument must be of type string. received undefined react
Javascript React
1 vote150 views2 answers
How to navigate with navintems for react-bootstrap without refreshing the whole page
Javascript React
4 votes132 views1 answer
Pass parameter to handleclick react
Javascript React
0 vote216 views3 answers
Create react app theme_color
Javascript React
30 votes151 views6 answers
React if statement
Javascript React
0 vote161 views1 answer
React input mask ref
Javascript React
1 vote155 views1 answer
Handling scrolling on react router transitions
Javascript React
0 vote158 views1 answer
Pass params axios get react
Javascript React