import React from 'react'
// App 为父组件,Son 为子组件
// 函数式的 Son
/* function SonF (props) {
// 解构赋值
// 第一种写法
const { list, userInfo, getMes, child } = props
return (
函数子组件,
{list.map(item =>
{item}
)}
{userInfo.name}{
}
{
}
{child}
)
} */
// 解构赋值
// 第二种写法
function SonF({ list, userInfo, getMes, child }) {
return (
函数子组件,
{list.map((item) => (
{item}
))}
{userInfo.name}
{
}
{
}
{child}
)
}
// 类组件的 App
class App extends React.Component {
// 准备数据
state = {
list: [1, 2, 3],
userInfo: {
name: 'Ken',
age: 20,
},
}
getMes = () => {
console.log('父组件中的函数')
}
render() {
return (
{/* 在子组件身上绑定属性,属性名可以自定义,保持语义化 */}
this is span}
/>
)
}
}
export default App