在React.js中使用函数时尝试更改状态

Question

I'm trying to change state of my component while calling of a function. the function is suppose to take some data and push it in the state

  StartChat: function (e) {
    e.preventDefault();
    var data = this.props.FirstName;
    this.setState({ChatBoxMembers:data});
} 

Calling the above function with and onClick function I've check the value gets stored in variable 'data' but the state 'ChatBoxMembers' doesn't change and end up with the error ChatBoxMembers is not defined what am I doing wrong here?

Answer 1

For starters, you have declared ChatBoxMembers as [] but you are assigning linear data to it. Need to have access to code for ChatBoxMembers is not defined error.