فرض کنید که یک state داریم که نگهدارنده یک آرایه است. چطور با متد setState ، یک object به انتهای آرایه push کنیم؟
- نفیسه افقی 2 سال قبل سوال کرد
- شما باید برای ارسال دیدگاه وارد شوید
فرض کنید که یک state آرایه ای بصورت زیر تعریف کرده ایم:
const [names, setNames] = useState(['Alice', 'Bob']);
بدین صورت می توانید یک object به انتهای آن push کنید:
setNames(current => [...current, 'Carl']);
کد کامل:
import {useState} from 'react';
export default function App() {
const [names, setNames] = useState(['Alice', 'Bob']);
const handleClick = () => {
// push to end of state array
setNames(current => [...current, 'Carl']);
// spread an array into the state array
// setNames(current => [...current, ...['Carl', 'Delilah']]);
// push to beginning of state array
// setNames(current => ['Zoey', ...current]);
};
return (
<div>
<div>
<button onClick={handleClick}>Push to state array</button>
</div>
{names.map((element, index) => {
return (
<div key={index}>
<h2>{element}</h2>
</div>
);
})}
</div>
);
}
- نفیسه افقی 2 سال قبل پاسخ داد
- شما باید برای ارسال دیدگاه وارد شوید