ReactJs unable to find Ref

Question

My target: to find ref of label and colorize it. Code used:

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

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

which produce: Uncaught TypeError: Cannot read property 'color' of null

It looks like it is unable to find ref. Do I miss anything?

score 1 · Accepted Answer · answered Aug 20 '16 at 08:33

1

You need to specify ref in element

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

However it is advised to use ref as below

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

and you can access label as this.myLabel

answered Aug 20 '16 at 08:33

anoop

this produce ReactDOM.findDOMNode(...).color is not a function – IntoTheDeep Aug 20 '16 at 08:36
you cannot modify color like that.. you need to use props/states to handle that – anoop Aug 20 '16 at 08:40

1 Answers1