سلام. کد زیر مال من هست:
constructor(props) {
super(props);
this.state = {
id_1: {
name: "David Johns",
date: "12/12/2022",
comment: "Hi there! I found your app really ugly.",
},
id_2: {
name: "Carry Smith",
date: "03/11/2022",
comment: "Hi there! I found your app really pretty.",
},
showComment: true,
};
}
commentloop = () => {
const comments = [];
let keys = Object.keys(this.state);
for (const id in this.state) {
if (id !== keys[keys.length - 1]) {
comments.push(
<div key={id}>
<Comment
name={this.state[id].name}
date={this.state[id].date}
comment={this.state[id].comment}
click={this.changeName.bind(this, 'James Cameron')}
change={(event) => this.changeValue(event, id)}
/>
<button onClick={this.changeName.bind(this, 'Hue Jackman')}>Change name</button>
<AcceptBtn class="App-flex" />
</div>
);
}
}
return comments;
};
و کد زیر رو از ChatGPT برای property تغییر changeValue گرفتم:
changeValue = (event, name) => {
const { value } = event.target;
this.setState(prevState => ({
[name]: {
...prevState[name],
name: value
}
}));
};
کدی که ChatGPT نوشته رو متوجه نمیشم. اگه میشه توضیح بدین.
به جمع هزاران کاربر اینستاگرامی روکسو بپیوندید.