Возникла проблема с передачей переменной, названия нового листа, из одной функции в другую.
Когда пользователи вводит данные в input (название листа) этот параметр должен передаться в функцию addList, которая прописана в app.
handleSubmit(e) {
e.preventDefault();
var newvar = { name: this.state.listname};
this.props.addList(newvar);
this.setState ( listname: '' });
}
сама функция addList прописана в app.
render() {
return (
<div className="App">
**<AddList addList={this.handleAddList.bind(this)} />**
<div id="listsDiv" className="List">
<Lists lists={this.state.lists} items={this.state.items} addItem={this.handleAddItem.bind(this)} />
</div>
</div>
);
}
и должна выполнять следующее:
this.state = {
**lists: [],**
};
}
handleAddList(s) {
**this.setState = { lists: this.state.lists.concat(s.name)};**
}
Проблема заключается в том, что переменная name объекта newvar не передается в функцию addlist и та не добавляет его в массив Lists, а как следствие новый лист не добавляется.
Помогите найти ошибку.
listname
изменяете, не вижу что-то?