亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在Reaction中訪問DOM元素?Reaction中document.getElement

如何在Reaction中訪問DOM元素?Reaction中document.getElement

眼眸繁星 2019-07-02 17:10:05
如何在Reaction中訪問DOM元素?Reaction中document.getElementById()的等價鍵是什么?如何在react.js中選擇某些條?這是我的密碼:var Progressbar = React.createClass({     getInitialState: function () {         return { completed: this.props.completed };     },     addPrecent: function (value) {         this.props.completed += value;         this.setState({ completed: this.props.completed });     },     render: function () {         var completed = this.props.completed;         if (completed < 0) { completed = 0 };         return (...);     }我想使用這個Reaction組件:var App = React.createClass({     getInitialState: function () {         return { baction: 'Progress1' };     },     handleChange: function (e) {         var value = e.target.value;         console.log(value);         this.setState({ baction: value });     },     handleClick10: function (e) {         console.log('You clicked: ', this.state.baction);         document.getElementById(this.state.baction).addPrecent(10);     },我希望執行handleClick 10函數,并對所選的進度條執行操作。但我得到的結果是: You clicked:  Progress1  TypeError: document.getElementById(...) is null如何選擇react.js中的特定元素?
查看完整描述

3 回答

?
Cats萌萌

TA貢獻1805條經驗 獲得超9個贊

你可以代替

document.getElementById(this.state.baction).addPrecent(10);

通過

this.refs[this.state.baction].addPrecent(10);


  <Progressbar completed={25} ref="Progress1" id="Progress1"/>


查看完整回答
反對 回復 2019-07-02
  • 3 回答
  • 0 關注
  • 851 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號