سلام و عرض ادب
دوستان مشکل کد زیر چی هست ؟!
دیتای اولیه کاملا درست نشان داده میشود ولی دیتای ثانویه خیر :
import React from 'react';
class Cards extends React.Component {
state = ["ali", "hamid", "reza"];
constructor() {
super();
setTimeout(() => {
this.setState(["vahid", "shahb", "gholam"])
}, 2000);
}
render() {
return (
this.state.map((name, index) => <div>hello world to {name}</div>)
)
}
}
export default Cards ;
برای این که اولش که تعریف میشه به صورت آرایه است و بعد از setState کردن به صورت object درمیاد و دیگه متد Map نداره
به این صورت باید این کار رو انجام بدید
class App extends Component{
state = {
names : ["ali", "hamid", "reza"]
};
constructor() {
super();
setTimeout(() => {
this.setState({
names : ["vahid", "shahb", "gholam"]
})
}, 2000);
}
render() {
return (
<div>
<h1>sina</h1>
{
console.log(this.state)
}
{
this.state.names.map((name, index) => <div>hello world to {name}</div>)
}
</div>)}
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟