UseEffect Hook Not Working about chat-app-react-nodejs HOT 6 OPEN

Let me see your “ destroy” line

from chat-app-react-nodejs.

@Raghav0407 I am getting the same error can you please help to resolve it

from chat-app-react-nodejs.

@Raghav0407 @sharmakhil
That's because Effect hook callbacks can't be async.
So instead of useEffect(async () => { ... } we should declare a callback function scoped async function and invoke it, like:

useEffect(() => {
        const fetchData = async () => { ... fetchData();
      }, []);

That's how I did and it worked.

from chat-app-react-nodejs.

  useEffect(async () => {
    const data = [];
    for (let i = 0; i < 4; i++) {
      const image = await axios.get(
        `${api}/${Math.round(Math.random() * 1000)}`
      );
      const buffer = new Buffer(image.data);
      data.push(buffer.toString("base64"));
    } 
    setAvatars(data);
    setIsLoading(false);
    
  }, []);

how to change the code like you sayed above

from chat-app-react-nodejs.

@bharathrames Ya Sure I can help,

Changed Code:
`useEffect( () => {

const sampleFunction = async()=>{
const data = [];
for (let i = 0; i < 4; i++) {
const image = await axios.get(
${api}/${Math.round(Math.random() * 1000)}
);
const buffer = new Buffer(image.data);
data.push(buffer.toString("base64"));

} 
setAvatars(data);
setIsLoading(false);

}
sampleFunction();

}, []);`

Now I think it will work .
Please check !

from chat-app-react-nodejs.

from chat-app-react-nodejs.