type HomeProps = { text: string;}class Home extends React.Component<HomeProps, void> { public render() { return <h1>{ this.props.text }</h1> }}type AppState = { homeText: string;}class App extends React.Component<void, AppState> { constructor() { super(); this.state = { homeText: "home" }; setTimeout(() => { this.setState({ homeText: "home after change "}); }, 1000); } render() { return <Home text={ this.state.homeText } /> }}
如您所见,道具和状态对象始终很简单,渲染方法负责创建实际的组件。
通过这种方式,react知道哪些组件已更改以及DOM树的哪些部分应更新。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)