react 子元素改变父元素属性
来源:互联网 发布:淘宝无门槛红包设置 编辑:程序博客网 时间:2024/06/06 19:57
子元素 childrenComponent.js
/** * Created by ANN on 2017/7/22. */import React from 'react';export default class ChilidProps extends React.Component{ render(){ return( <div> <p>子页面输入:<input onChange={this.props.handleChildValueChange}/></p> </div> ) }}
父元素
Parentprops.js
/** * Created by ANN on 2017/7/31. *//** * Created by ANN on 2017/7/29. */var React = require('react');import ReactDOM from "react-dom"import ChilidProps from './components/childrenComponent'class MousComonent extends React.Component{ constructor(){ super() this.state={ current:"8" } } //通过子元素改变父元素props属性 实现通信 handleChildValueChange(event){ var value = event.target.value this.setState({current:value}) console.log(value) } render(){ return( <div className="container" > {this.state.current} <ChilidProps handleChildValueChange={this.handleChildValueChange.bind(this)}/> </div> ) }}ReactDOM.render(<MousComonent/>,document.getElementById("main"))
阅读全文
0 0
- react 子元素改变父元素属性
- react 父元素向子元素传值
- 通过React.cloneElement给所有子元素添加属性
- 通过select改变其他元素的属性或子节点
- 通过select改变其他元素的属性或子节点
- jquery改变元素属性值
- jquery改变元素属性值
- jquery改变元素属性值
- jquery改变 元素 属性值
- jQuery改变元素class属性
- chrome浏览器中 父元素改变大小后 改变子元素大小 滚动条还在
- css 只改变父元素的透明度,不改变子元素透明度rgba+opacity
- CSS如何只改变父元素背景透明度不改变子元素透明度
- react-bits:数组作为子元素
- Android如何让TextView子元素随着父元素的背景变化而改变字体颜色?
- 改变父元素的透明度,不影响子元素的透明度—css
- react.js使用非元素属性dangerouslySetInnerHTML
- CSS中hover改变子元素和其它元素样式
- 记录每次更新到本地git仓库
- QT图形框架
- JNI与C++数据类型传递示例(包括ArrayList对象、ArrayList嵌套返回)
- Matlab基础
- shawn的博客开通啦
- react 子元素改变父元素属性
- JavaScript Canvas画布
- PAT 1033. To Fill or Not to Fill (25) 贪心
- Greasy Fork 用户脚本网站 突破百度网盘下载限制
- python学习(五)之dict+set+不可变对象
- opencv学习笔记之彩色目标追踪
- XmlSerializer:成xml文件
- 解析XML:xmlPullParser
- 【PHP】 踩扁各种坑phpstorm方能XDEBUG