React-使用外部数据渲染UI

render() 仅用于渲染！

不应在 render 方法中获取数据！组件的 render() 方法应该仅用于渲染该组件；不应发出任何 HTTP 请求、获取用于显示内容的数据，或者更高 DOM。此外，render() 方法不应调用任何执行这些操作的其他函数。 

因为 render() 仅用于显示内容，我们将应该处理 Ajax 请求等任务的代码放在 React 的生命周期事件中。

componentDidMount() 总结

componentDidMount() 是 React 提供的多个生命周期事件之一。当组件被“装载”后（即被渲染之后），componentDidMount() 被调用。如果你想动态地获取数据或运行 Ajax 请求，则应该在 componentDidMount() 中执行这些操作。

componentDidMount() 的工作原理

在上一部分，我们提到 componentDidMount() 是组件添加到 DOM 之后立即运行的生命周期钩子，如果你想获取远程数据或发出 Ajax 请求，则应该使用该方法