Обновить элемент в ReactJS

// Получаем данные с сервера 
// допустим, это какой-то сервер или библиотека, которую вы подключаете в своём проекте 
function getServerData() { 
  return 'SERVER DATA: ' + new Date(); 
} 
 
// это может быть функция, которая вызывается в экшене (если использовать редакс) 
function updateHelloWorld() { 
  const serverData = getServerData(); 
  console.log('data:', serverData); 
  return serverData; 
}  
 
// первый дочерний компонент 
class HelloWorld extends React.Component { 
  render() { 
    const data = this.props.data; 
    return ( 
      <div> 
        { data ? 
          data : 
          <h1>Hello world</h1> 
        } 
      </div> 
    ); 
  } 
} 
 
// второй дочерний компонент 
class ButtonClick extends React.Component { 
  render() { 
    const { onClick } = this.props; 
    return ( 
      <div> 
        <button onClick={onClick}>Обновить</button> 
      </div> 
    ); 
  } 
} 
 
// родительский компонент 
// он хранит в себе состояние и реагирует на событие/передаёт полученные данные нужному компоненту  
class App extends React.Component { 
  constructor(props) { 
    super(props); 
    this.state = { data: '' }; 
    this.handleClick = this.handleClick.bind(this); 
  } 
   
  handleClick() { 
    const data = updateHelloWorld(); 
    this.setState({ data: data }); 
  } 
   
  render() { 
    const data = this.state.data; 
    return ( 
      <div> 
        {/* данные передаются через пропсы */} 
        <HelloWorld data={data} /> 
        {/* обработчик также передаётся через пропсы */} 
        <ButtonClick onClick={this.handleClick} /> 
      </div> 
    ); 
  } 
} 
 
ReactDOM.render( 
  <App />, 
  document.getElementById('root') 
);

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script> 
<div id="root"></div>