ReactJs找不到參考

Question

我的目標：找到標簽的引用並為其着色。 使用的代碼：

colorizeLabel(){
    ReactDOM.findDOMNode(this.refs.amountLabel).color('#ffffff');
}

<label itemRef="amountLabel">Choose Amount:</label>

產生： Uncaught TypeError: Cannot read property 'color' of null

似乎無法找到參考。 我想念什么嗎？

Answer 1

您需要在元素中指定ref

<label ref="amountLabel">Choose Amount:</label>

但是建議如下使用ref

<label ref={(ref) => this.myLabel = ref} />

您可以訪問標簽為this.myLabel