У меня возникли проблемы с привязкой значения ввода, я сделал это на другом компоненте моего приложения, и он работал нормально, но почему-то я не могу заставить его работать с другим компонентом. Я получаю только первую букву, а не весь текст
Это мой компонент
class Post extends Component {
constructor(props) {
super(props);
this.state = {
post: this.props.data,
comment: ''
}
Post.context = this;
}
render() {
<input type="text" value={this.state.comment} onChange={this.handleChange} placeholder="Write a comment..." />
<button className="button comments" onClick={this.handleClick.bind(null,this.state.post.id)}></button>
}
handleChange(e) {
Post.context.setState({comment: e.target.value});
}
}
Я также попытался использовать пример с сайта React, но получил тот же результат:
render() {
var valueLink = {
value: this.state.comment,
requestChange: this.handleChange
};
render() {
<input type="text" valueLink={valueLink} placeholder="Write a comment..." />
<button className="button comments" onClick={this.handleClick.bind(null,this.state.post.id)}></button>
}
handleChange(newValue) {
Post.context.setState({comment: newValue});
}
}
Есть ли у кого-то идея, почему это происходит?