【React】react子组件给父组件传值、父组件给子组件传值

本文探讨了在React中如何进行组件间的通信,包括父组件如何将值传递给子组件,以及子组件如何将值回传给父组件。通过实例展示了Comment父组件和CommentList子组件之间的数据流动。
摘要由CSDN通过智能技术生成


  • 父组件向子组件传值: 父通过初始state,子组件通过this.props进行接收。
  • 子组件向父组件传值: 需在父设置接收函数和state,同时用props将函数名传入子孙。

父组件给子组件传值

父组件Comment.js

/* 父组件Comment */

import React from 'react';
import CommentList from './CommentList';

class Comment extends React.Component {
   
    constructor(props) {
   
        super(props);
        this.state = {
   
            arr: [{
   
                "userName": "fangMing", "text": "123333", "result": true
            }, {
   
                "userName": "zhangSan", "text": "345555", "result": false
            }, {
   
                "userName": "liSi", "text": "567777", "result": true
            },
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

南栀~zmt

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值