Cześć. Mam taki kod w komponencie funkcyjnym:
const [info1, setInfo1] = useState('Loading...');
const [info2, setInfo2] = useState('Loading...');
const [info3, setInfo3] = useState('Loading...');
const [info4, setInfo4] = useState('Loading...');
const [info5, setInfo5] = useState('Loading...');
axios.get('api/info')
.then(({ data }) => {
const { info1, info2, info3, info4, info5 } = data[0];
console.log('Strzał do api');
setInfo1(info1)
setInfo2(info2)
setInfo3(info3)
setInfo4(info4)
setInfo5(info5)
});
Problem polega na tym, że console.log() wykonuje się 7 razy. Ktoś pomoże?