react方法返回html_如何在React上获取html标签的值？

我目前正在使用React开发价格标签的功能。这些组件的主要功能是让用户将其中一个类的价格添加到购物车中。问题是如何获取HTML标签的html字符串？ 我的示例代码是如何在React上获取html标签的值？

import React from 'react';

import ReactDOM from 'react-dom';

class ProductPage extends React.Component{

let Data = {

classA: 60,

classB: 70,

classC: 80

};

render(){

return(

)

}

}

class PriceTab extends React.Component{

constructor(){

super()

this.handleClick = this.handleClick.bind(this);

}

handleClick(event){

let dom = ReactDOM.findDomNode(this.refs.priceA);

console.log(dom.value)// got undefined.

}

render(){

return()

• {this.props.priceData.classA}
• Check Out

• {this.props.priceData.classB}
• Check Out

• {this.props.priceData.classC}
• Check Out

}

}

ReactDOM.Render( ,document.getElementById('app'));

另外是否有任何的方式来一个按钮事件检测所有值的结合？ 非常感谢您的帮助......

2016-11-22

Rick Z

+0

priceA不是输入字段，所以不能得到值Li元素的 –