子div超出父div_菜鸟学 react props 子到父

我们都知道在 vue 中可以使用事件将子组件的数据传递给父组件，也可以通过拿到父组件的实例直接调用父组件的方法

先来个子组件

class ChildCom extends React.Component {constructor(props) {super(props)this.state = {msg: '这是子元素的数据 hello ChildCom'}}sendChildData = () => {this.props.setChildData(this.state.msg)}render () {return (<button className='child' onClick={this.sendChildData}>这是子元素</button>)}
}

再来个父组件

class ParentCom extends React.Component {constructor(props) {super(props)this.state = {chidData: null}}setChildData = (data) => {this.setState({chidData: data})}render () {return (<div className='parent'><div>子元素传递给父元素的数据：{this.state.chidData}</div><ChildCom setChildData={this.setChildData} /></div>)}
}

再来个render

ReactDOM.render(<React.StrictMode><ParentCom /></React.StrictMode>,document.getElementById('root')
);

子div超出父div_菜鸟学 react props 子到父相关推荐

div超出不换行_子div超出父div部分横向滚动，不换行
父div: .rootBar{ width: 1920px; height: 216px; float: left; overflow-y: hidden; overflow-x: auto; whi ...
html 子div是什么意思,html – 为什么子div超出了它们的父div？
我觉得这很愚蠢,但这是一个非常简单的问题,不明白如何解决.在下面的代码中,为什么容器,主要和辅助div扩展到标题之外?我知道它是因为我已经分配给容器的填充而发生的,但我已经为html元素分配了最大宽度 ...
【Vue】Props传递数据(父传子) 自定义事件(子传父)
文章目录一.定义一个父组件和一个子组件(子组件嵌套在父组件中) 二.Props传递数据(父传子) 1.使用Props数组方式传值 2.对象方式传值三.自定义事件(子传父) 一.定义一个父组件和一个 ...
react typescript 子组件调用父组件
//父组件 import * as React from 'react'import { Input } from 'antd'const Search = Input.Searchimport &q ...
让DIV子元素超出部分隐藏
转载自: https://www.cnblogs.com/cheney-cai/p/5949752.html 让position:absolute超出DIV溢出隐藏通常,为了让DIV子元素超出部分隐 ...
react类组件中父组件调用子组件函数
1.自定义事件子组件在 componentDidMount 生命周期里调用父组件的方法将 this 传给父组件 Son import React, { Component } from 'react ...
react 通信-子传父
父组件中定义一个回调函数,由子组件来调用执行.用this.props.[父组件自定义回调函数名称]()调用 /** @Author: Spring* @LastEditors: Aidam_Bo* @ ...
React组件通信传值父传子子传父兄弟组件传值
一.父组件传递子组件在父组件中引入子组件,将父组件的state值放到子组件标签中传递,在子组件中用this.props.传值名称,接收父组件代码: import React, { Componen ...
子元素超出父元素宽高是否会报错？
目前来看,如果父元素是Container,那么子元素超出父元素就不会报错: 如果子元素被Column或Row包裹,那么子元素超出父元素就会报错: RenderFlex overflowed by 22 ...

子div超出父div_菜鸟学 react props 子到父

子div超出父div_菜鸟学 react props 子到父相关推荐

最新文章

热门文章