Reactjs добавление объекта в состояние

Question

Я использую reactjs для заполнения state.users с новым членом, когда он или она подписывает в.

Следующий код работает

var users = this.state.users; 
users.push(member); 
this.setState({users: users}); 

Но когда Я стараюсь, чтобы обернуть все в одной строке кода он не

this.setState({users: this.users.state.push(member)}); 

Когда я пытаюсь выше я получаю ошибку ниже в моем list.jsx

Uncaught TypeError: this.props.users.map is not a function

Любая идея, что вызывает это? Я думаю, что, когда я использую однострочное решение, в состояние передается неправильный тип объекта?

Спасибо!

Answer 1

Это происходит потому, что .push возвращает новую длину (целое число), а не массив,

var data = { 
 
    users: [] 
 
}; 
 

 
data.users = data.users.push(10); 
 
console.log(typeof data.users); // number

.push - return the new length property of the object upon which the method was called.

Вы можете использовать .concat вместо .push

this.setState({ 
    users: this.state.users.concat(member) 
}); 

или

this.setState({ 
    users: [...this.state.users, member] 
});