web前端全系列 教程
1839个小节阅读:2243k
目录
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
调用setState,组件的render方法会被重新调用,从而重新渲染页面
xxxxxxxxxx
onChange = () => {
this.setState({ date: new Date() })
}
render() {
return <div>
<p>{this.state.date.toLocaleTimeString()}</p>
<button onClick={this.onChange}>更新state</button>
</div>
}
调用setState,子组件也会被重新渲染
xxxxxxxxxx
//StateTest.js
import React from 'react'
import StateTestChild from './StateTestChild';
export default class StateTest extends React.Component {
constructor() {
super();
this.state = { date: new Date(),title:'今天的天气真不错' };
}
onChange = () => {
this.setState({ date: new Date() })
}
render() {
return <div>
<p>{this.state.date.toLocaleTimeString()}</p>
<button onClick={this.onChange}>更新state</button>
<StateTestChild date={this.state.date.toLocaleTimeString()}/>
</div>
}
}
xxxxxxxxxx
//StateTestChild.js
export default function StateTestChild (props){
return <div>
<h3>我是子组件</h3>
子组件的时间:{props.date}
</div>
}
实时效果反馈
1. 父组件更新state,子组件:
A 会被重新渲染
B 不会被重新渲染
答案
1=>A