React.js - REF undefined

Question

When I test the following code I receive a console error that newText is undefined, am I declaring the val var correctly or am I missing something?

val = ReactDOM.findDOMNode(this.refs[newText]);

renderForm: function() {
        return (
            <div className="note">
                <textarea ref="newText" defaultValue={this.props.children} className="form-control"></textarea>
                <button onClick={this.save} className="btn btn-success btn-sm glyphicon glyphicon-floppy-disk"></button>
            </div>
        )
    },

val = ReactDOM.findDOMNode(this.refs[newText]); is called in another function? — rakwaht
– rakwaht, Commented Apr 14, 2016 at 12:54

James Donnelly · Accepted Answer · 2016-04-14 09:10:54Z

2

newText here needs to be either a string ("newText") or should use dot notation instead. Using just newText means you're trying to read the value of a variable with that name (which will return undefined).

Change:

this.refs[newText]

To:

this.refs["newText"]

Or:

this.refs.newText

answered Apr 14, 2016 at 9:10

James Donnelly

129k35 gold badges215 silver badges224 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Vidhya Vasudevan · Accepted Answer · 2017-10-06 19:25:35Z

1

I know it's very late to answer this but I came across the same problem.

I added and update the following sources: src= "https://unpkg.com/react@15/dist/react.js"> src="https://unpkg.com/react-dom@15/dist/react-dom.js">

It worked for me.

Hope you already found a solution for this. Cheers!

answered Oct 6, 2017 at 19:25

Vidhya Vasudevan

564 bronze badges

1 Comment

Vidhya Vasudevan Over a year ago

src= "unpkg.com/react@15/dist/react.js" src="unpkg.com/react-dom@15/dist/react-dom.js"

Amit · Accepted Answer · 2016-04-14 09:10:04Z

0

use this.refs.newText rather than this.refs[newText].

answered Apr 14, 2016 at 9:10

Amit

3,3093 gold badges23 silver badges31 bronze badges

1 Comment

user4831663 Over a year ago

I did try this but receive the following "TODO: Save not Value[object HTMLTextAreaElement]" I then also tried this.refs.newText.value but still no joy

Collectives™ on Stack Overflow

React.js - REF undefined

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related