教务在线网站开发报告书编程入门教学

1. props是只读对象（readonly）
   根据单项数据流的要求，子组件只能读取props中的数据，不能进行修改
2. props可以传递任意数据
   数字、字符串、布尔值、数组、对象、函数、JSX

import FileUpdate from './FileUpdate';
export default class App extends React.Component{constructor(props) {this.state = {message: 'this is message'}}const FileUpdateProps = {...this.props,message: this.state.message}render() {return (<FileUpdate {...FileUpdateProps} />)}
}

FileUpdate 画面接收props

export default class FileUpdate extends React.Component{constructor(props) {super(props);props?.onRef(this);}const { message } = this.props;render() {return (<div>{ message }</div>)}
}