React.js中通过ref操作DOM
来源:互联网 发布:淘宝必买清单怎么报名 编辑:程序博客网 时间:2024/05/21 01:58
方法1:
class Aaa extends Component{
componentDidMount(){
this.refs.aaa.style.border = '5px solid yellow'
this.refs.bbb.style.border = '5px solide red'
}
render(){
return(
<div>
<input ref='aaa' value='sss'>
<input ref='bbb' value='sss'>
</div>
)
}
}
ReactDOM.render(<Aaa />,document.getElementById('root'));
方法2:
class Aaa extends Component{
componentDidMount(){
this.input.style.border = '5px solid yellow'
this.eee.style.border = '5px solide red'
}
render(){
return(
<div>
<input ref={(input) => this.input = input} value='sss'>
<input ref={(eee) => this.eee=eee} value='sss'>
</div>
)
}
}
ReactDOM.render(<Aaa />,document.getElementById('root'));
- React.js中通过ref操作DOM
- React 中 ref 操作DOM的使用
- react中操作dom元素自动填充
- 利用ref进行dom操作
- React入门03-react中操作组件的dom节点
- JS中操作DOM文档
- js中DOM操作汇总
- React中Ref的使用
- React-DOM操作详解
- React-DOM操作详解
- React DOM操作
- DOM4J中通过XPath操作DOM节点
- react中操作dom的方法之---refs
- html中DOM 操作(js 和 jquey)
- html中DOM 操作(js 和 jquey)
- js中关于dom的操作
- JS 中DOM节点的操作
- React(8)--DOM操作
- 使用SVN+apache搭建一个版本控制服务器
- Android-水平滑动容器HorizontalScrollView
- [Havok Animation Tool] 关于prefabs
- js替换字符串全部空格
- Cache Clear API
- React.js中通过ref操作DOM
- html2canvas.js网页截图功能(解决截图不全问题)
- HDU 1267 下沙的沙子有几粒?【dp】
- CSS实现单行、多行文本溢出显示省略号(…)
- linux复制问题,以及设置权限问题
- struts2学习之---配置Action
- 毫秒必争,前端网页性能最佳实践
- 最短路小结(三种算法+各种常见变种)
- 关于转义字符的一些东西