Utiliser useCallback pour optimiser le rendu en React

Question

```javascript
const SomeComponent = ({ onChange, id }) => {
...
    return <MyCustomComponent id={id} onClick={() => onChange(id)} />;
};
```
Cochez la/les affirmation(s) exacte(s)

Accepted Answer

Cette syntaxe optimise le rendu

```javascript
const SomeComponent = ({ onChange, id }) => {
    ...
    const handleChange= useCallback(() => onChange(id),[onChange, id]);

return <MyCustomComponent id={id} onClick={handleChange} />;
};

```

Answer

Cette syntaxe optimise le rendu

```javascript
const SomeComponent = ({ onChange, id }) => {
    ...
    const handleChange= () => onChange(id);

return <MyCustomComponent id={id} onClick={handleChange} />;
};
```

Answer

Cette syntaxe optimise le rendu

```javascript
const SomeComponent = ({ onChange, id }) => {
    ...
    const handleChange= () => useCallback(onChange(id));
    
    return <MyCustomComponent id={id} onClick={handleChange} />;
};

```

Question du test React ⚛️

Utiliser useCallback pour optimiser le rendu en React