Import React, { Component } from 'react'; import { render }

Question

Import React, { Component } from 'react'; import { render }

from 'react-dom';
import Hello from './Hello';
import './style.css';

class App extends Component {
constructor() {
super();
this.state = {
name: 'React'
};
}

render() {
return (
<div>
<Hello name={this.state.name} />
<button onClick={() => {
Hello.forceUpdate(() => {})
}}>Test</button>
</div>
);
}
}

render(<App />, document.getElementById('root'));

можно ли сделать так?
при клике обновить другой компонент?