React，通过React ref访问存储在td中的值

Question

我定义了一个类似的Reactref

<td ref="denominationValue" className="denomination-item">20</td>

我只是想把20存储在<td>中。

ReactDOM.findDOMNode(this.refs.quantity)返回<td class="denomination-item">50</td>

但当我做ReactDOM.findDOMNode(this.refs.quantity).value.trim()时，我会得到未定义。

我做了很多搜索，但我找到的所有内容都是关于<form>或<input>的

如何将20作为字符串，甚至是数字？

Answer 1

td上没有定义属性名称value，因此ReactDOM.findDOMNode(this.refs.quantity).value不起作用，您应该像一样获得innerText或textContent的内部内容

ReactDOM.findDOMNode(this.refs.quantity).textContent

为了将其转换为整数，您可以使用parseFloat

parseFloat(ReactDOM.findDOMNode(this.refs.quantity).textContent)