💎一站式轻松地调用各大LLM模型接口,支持GPT4、智谱、豆包、星火、月之暗面及文生图、文生视频 广告
``` 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; ```