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}
+ />