react 数组_javascript – 在React中更新数组

我来自Angular 1.x并希望用React / Redux更新无序列表.

在console.log中,我看到数组正在更新,但它似乎没有绑定到DOM.我有以下 –

onKeyPress of an input, I have a function that pushes to messages array.

{messages.map(function(message, key){

return (

{message}

);

})}

更新

我有以下(但没有运气)一些说明.我正在使用Firebase来侦听事件,并添加到数组中.想知道它是否是绑定问题？ –

class Comments extends React.Component {

constructor(props, context) {

super(props, context);

this.state = {messages: this.props.messages};

}

componentDidMount() {

const path = '/comments/all';

// Firebase watches for new comments

firebase

.database()

.ref(path)

.on('child_added', (dataSnapshot) => {

this.state.messages.push(dataSnapshot.val());

this.setState({

messages: this.state.messages

});

//console.log(dataSnapshot.val());

});

}

render() {

const messages = this.state.messages;

return (

{messages.map(function(message, key){

{message}

})}

);

}

}