diff --git a/src/app/components/Home.js b/src/app/components/Home.js index bd0d7c0..4a20ad1 100644 --- a/src/app/components/Home.js +++ b/src/app/components/Home.js @@ -8,7 +8,7 @@ export class Home extends React.Component { this.state = { age: props.initialAge, status: 0, - homeLink: "Changed Link" + homeLink: props.initialLinkName } // Just to observe Virtual DOM updating behavior. @@ -31,6 +31,12 @@ export class Home extends React.Component { this.props.changeLink(this.state.homeLink); } + onHandleChange(event) { + this.setState({ + homeLink: event.target.value + }); + } + render() { return(
@@ -43,6 +49,7 @@ export class Home extends React.Component {

+ this.onHandleChange(event)}/>
); @@ -52,5 +59,6 @@ export class Home extends React.Component { Home.propTypes = { name: PropTypes.string, initialAge: PropTypes.number, - greet: PropTypes.func + greet: PropTypes.func, + initialLinkName: PropTypes.string } \ No newline at end of file diff --git a/src/app/index.js b/src/app/index.js index 9169a32..d84ab99 100644 --- a/src/app/index.js +++ b/src/app/index.js @@ -37,7 +37,9 @@ class App extends React.Component { name={"Fernando"} initialAge={32} greet={this.onGreet} - changeLink={this.onChangeLinkName.bind(this)} /> + changeLink={this.onChangeLinkName.bind(this)} + initialLinkName={this.state.homeLink} + />