(二)批量传递 props

老怪兽2023年1月3日
  • react之props
  • react
小于 1 分钟

🐷一、props 的基本使用

class Person extends React.Component {
    render() {
        console.log(this)
        const { naem, age, sex } = this.props
        return (
            <ul>
                <li>姓名:{name}</li>
                <li>性别:{sex}</li>
                <li>年龄:{age}</li>
            </ul>
        )
    }
}

// 渲染组件到页面 并批量传递数据
const p = {name: 'tom', age: '18', sex: '女'}
ReactDom.render(<Person {...p}/>, doument.getElmentById('test'))
Loading...