Use useCallback to optimize rendering in React

Question

```javascript
const SomeComponent=({onChange, id})=>{
...
    return<MyCustomComponent id={id} onClick={()=>onChange(id)}/>;
};
```
Check the exact statement(s)

Accepted Answer

This syntax optimizes rendering

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

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

```

Answer

This syntax optimizes rendering

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

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

Answer

This syntax optimizes rendering

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

```

Question from the React ⚛️ test

Use useCallback to optimize rendering in React