父组件:
import React from 'react';
import MyCompo from './MyCompo.js'
class App extends React.Component {
constructor() {
super();
this.state = {
a: 1000,
d: 6
}
}
render() {
return (
<div>
<p>父组件</p>
<MyCompo a = {123}></MyCompo>
</div>
)
}
}
export default App;
子组件
import React from 'react';
import PropTypes from 'prop-types';
class MyCompo extends React.Component{
constructor(props) {
super();
}
render() {
return (
<div>
子组件
</div>
)
}
}
//定义组件需要传入的参数
MyCompo.propTypes = {
a: PropTypes.string.isRequired,
b: PropTypes.string.isRequired,
c: PropTypes.number.isRequired
};
export default MyCompo;