Using ReactJS components properties in HTML attributes

Question

I am starting with React and there is something that I can't figure out. How can use a property to be the value of an html attribute?

See this code

var Input = React.createClass({
  render: function() {
    return <input type="text" value="{this.props.value}" />;
  }
});

I wanted to use the property value to be shown in the input but {this.props.value} is shown instead.

Any hint?

Ross Allen · Accepted Answer · 2014-09-13 16:36:57Z

5

Remove the quotation marks, they are making it a string:

var Input = React.createClass({
  render: function() {
    return <input type="text" value={this.props.value} />;
  }
});

answered Sep 13, 2014 at 16:36

Ross Allen

45k14 gold badges100 silver badges97 bronze badges

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

1 Answer 1