首先是父组件:
import React, {Component} from 'react';
import AddModalComponent from './addModalComponent'; //子组件
export default class AddAppleFood extends Component {
render() {
const data = [1,2,3];
return (
<AddModalComponent
data={data}
/>
)
}
}
其次是子组件:
import React, {Component} from 'react';
export default class AddModalComponent extends Component {
render() {
const {
data,
} = this.props;
console.log(data, '11111sss')
return (
<div>{data}</div>
)
}
}
这是父组件给子组件传值的。
这是子组件给父组件传值的。 传送门