<Link to='projects/one'>One</Link>
<Route path="projects" component={Projects} >
<Route path="one" component={ProjectsLevel} />
<Route path="two" component={ProjectIngrad} />
</Route>
const Projects = ({ children }) => children || <div>Projects</div>
class Parent extends Component {
constructor() {
super();
this.state = {
text: ''
};
}
// Ссылку на этот метод будем передавать в Button компонент.
buttonClick() {
this.setState({ text: Date.now() });
}
render() {
return (
<div>
// Ну, а тут передаем состояние text (родительского компонента) через props в дочерний (Text)
<Text text={ this.state.text } />
<Button onClick={ () => this.buttonClick() }/>
</div>
);
}
}
function Button(props) {
return <button onClick={ props.onClick }>Click me</button>
}
function Text(props) {
return <span>{ props.text }</span>
}