Comment envoyer des données utilisateur à une API Next.js 14 en utilisant un composant React.

Question

Vous développez un composant React pour envoyer des données utilisateur à votre API Next.js. Comment formulez-vous l'appel API pour interagir avec /api/submit-user ?

```
// Fonction de votre composant React Client

function UserForm() {

// Quel code pour interagir vers l'API "/api/submit-user" ?

}

Accepted Answer

```
const handleSubmit = async (userData) => {
  const response = await fetch('/api/submit-user', {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify(userData)
  })

return response.json();
}

Answer

```
const handleSubmit = (userData) => {

return fetch('/api/submit-user', {
    method: 'POST',
    body: new FormData(userData)
  })

}

Answer

```
const handleSubmit = useCallback(async (userData) => {

const res = await fetch('/api/submit-user', {
    method: 'POST',
    body: JSON.stringify(userData),
    headers: { 'Accept': 'application/json' }
  })

return res.ok;

}, [])

Answer

```
async function submitUserData(userData) {

return axios.post('/api/submit-user', userData)

}

Question du test Next.js

Comment envoyer des données utilisateur à une API Next.js 14 en utilisant un composant React.