Not sure why I cannot get the following code working in the Parent.js
- Pass changeName down to Child!
In Parent.js, inside of Parent's render function, add a second attribute to . Give this attribute a name of onChange, and a value of the changeName function.
var React = require('react');
var ReactDOM = require('react-dom');
var Child = require('./Child');
var Parent = React.createClass({
getInitialState: function () {
return { name: 'Frarthur' };
},
changeName: function (newName) {
this.setState({
name: newName
});
},
render: function () {
return (
<Child
name={this.state.name},
onChange={this.changeName(this.state.name)}/>
);
}
});
ReactDOM.render(
<Parent />,
document.getElementById('app')
);