1、props
父组件传过来的参数
可以使用组件类的defaultProps属性
,设置默认的props值
// Actor.js
import React,{
Component} from 'react';
export default class Actor extends Component{
render(){
return (
<div>
hi, {
this.props.name} - {
this.props.works}
</div>
);
}
}
Actor.defaultProps = {
name:'小李子',
works:'《泰坦尼克号》'
};
// App.js
import React,{
Component} from 'react';
import Actor from './Actor';
export default class App extends Component{
render(){
return (<div><Actor/></div>);
}
}
2、state
组件自身的状态
// Father.js
import React,{
Component} from 'react';
export default class Father extends Component {
constructor() {
super();
this.state = {
name: "CSDN官网",
site: "https://www.csdn.net/m0_45315697"
}
}
render() {
return (
<div>
<h2>{
this.state.name}</h2>
<