Я хотел бы знать, как правильно отредактировать мой вызов метода editThreadTitle, чтобы я мог правильно использовать обратный вызов, когда я отправляю изменение в значении заголовка в форме ввода и для заголовка в списке потоков, чтобы изменить соответственно отправлено новое название.
editThreadTitle(event){
const newTitle = event.target.value;
const updatedThread = { ...this.props, title: newTitle };
this.props.editTitle(updatedThread);
}
onFormSubmit(event){
alert("A title was submitted");
event.preventDefault();
}
renderList() {
const { threads } = this.props;
const sortedThreads = Object.keys(threads)
.sort(function(a, b) {
return threads[b].points - threads[a].points;
})
.map(function(sortedKey) {
return threads[sortedKey];
});
return sortedThreads.map((thread) => {
return (
<div className="item" key={thread.id}>
<i className="large middle aligned angle up" />
<div className="content">
<div className="description">
<h2>{thread.title}</h2>
<h3>{thread.points}</h3>
<button
className="countUp"
onClick={() => this.props.upVote(thread)}
>
UP
</button>
<button
className="countDown"
onClick={() => this.props.downVote(thread)}
>
DOWN
</button>
<form onSubmit={this.onFormSubmit} className="ui form">
<div className="field">
<label>Edit Title</label>
<input
type="text"
onChange={this.editThreadTitle}
/>
</div>
</form>
</div>
</div>
</div>
);
});
}