Advertisement

react中父子组件之间如何实现传值验证（确保父向子 子修改父属性）

阅读量：

文章结构概述

    • 父子组件间的数据传递
      • 解决父子组件中命名冲突的问题
      • 子组件对父组件数据的修改机制
      • 数据传递过程中的验证措施

父子组件数据传递机制

在React框架中，实现父子组件间的数据传递可通过props机制完成，其中父组件向子组件传递数据时采用props方式，而子组件向父组件传递信息则借助props中的回调函数
父组件：
于父组件内部，需先设定state状态，随后将该state对象作为参数传递至子组件，因此在子组件的属性中可直接使用{…this.state}进行接收

复制代码 
    import React, { Component } from 'react'
    import Son from './son'
    
    export class Parent extends Component {
    constructor() {
        super()
        this.state = {
            name: '父组件',
            msg: '这是父组件的信息'
        }
    }
    render() {
        return (
            <div>

全部评论 (0)

还没有任何评论哟~

相关文章推荐