企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
``` componentDidMount ``` ``` componentDidMount(){ setTimeout(()=>{ this.likedCallback() },1000) } ``` ``` import React from 'react'; import PropTypes from 'prop-types'; class Profile extends React.Component{ constructor(props){ super(props) this.state = { liked:0 } this.likedCallback = this.likedCallback.bind(this); } likedCallback(){ let liked = this.state.liked; liked++; this.setState({ liked }) } render(){ return ( <div className="profile-component"> <h1>我的名字{this.props.name}</h1> <h2>我今年{this.props.age}</h2> <button onClick={this.likedCallback}>给我点赞</button> <h2>总点赞数:{this.state.liked}</h2> </div> ) } componentDidMount(){ setTimeout(()=>{ this.likedCallback() },1000) } } Profile.propTypes = { name: PropTypes.string, age: PropTypes.number, // ... define your prop validations }; //Profile.PropTypes = propTypes; export default Profile; ```