05案例 每隔0.2s颜色变淡###
componentDidMount表示组件已经挂载,可以进行DOM操作###
import React,{ Component } from "react";
export default class Life extends Component {
state={
opacity:1
}
componentDidMount(){ //声明周期 表示组件已经挂载了
let { opacity } = this.state //解构
setInterval(() => {
opacity -= 0.1;
if (opacity <= 0) {
opacity = 1
}
this.setState({
opacity
})
console.log(opacity);
},200);
}
render(){
let { opacity } = this.state //结构
// 因为state已发生改变 render就会执行
// 所以 当 opacity的值发生改变 render函数就会执行 setTimeout就变成了每个0.2s循环一次
// render 一上来就会执行 状态改变就会执行
return(
<div style={{ opacity }}> React学不会了 怎么办</div>
)
}
}
使用
ReactDOM.unmountComponentAtNode(document.getElementById("root")) 报错
因为你没有引用
import ReactDOM from 'react-dom'
原文地址:https://www.cnblogs.com/IwishIcould
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。