react追加html元素,react向数组中如何追加数据

react向数组中如何追加数据

发布时间：2020-12-04 11:23:27

来源：亿速云

阅读：179

作者：小新

这篇文章给大家分享的是有关react向数组中如何追加数据的内容。小编觉得挺实用的，因此分享给大家做个参考。一起跟随小编过来看看吧。

首先渲染一个随机数，使其每间隔一秒变换一次。

代码如下：

数组追加元素

class Xpf extends React.Component {

constructor(props){

super(props);

this.state = {

random:Math.random()

}

}

componentWillMount(){

setInterval(() => {

this.setState({

random:Math.random()

})

}, 1000);

}

render() {

let {random} = this.state;

return (

{random}

);

}

}

ReactDOM.render(

,

document.getElementById('xpf')

);

注意：组件更新有两种方式&