Dónde hacer una solicitud inicial de AJAX en ReactJS - javascript, frontend, reactjs

Tengo una página donde necesito cargar algunos datos iniciales de Ajax.
Leí en esto Reactjs página que debería hacer la llamada en componentDidMount.

Cuál es el ventaja de hacer la solicitud de componentDidMount más bien que componentWillMount ?

Respuestas

Dado que reaccionar está destinado a ser usado como una vista, se supone que sus solicitudes ajax se colocarán en su modelo.

De lo contrario, si por alguna razón necesita hacerlo en una vista, la diferencia entre componentDidMount y componentWillMount Es que el primero está siendo invocado. una vez el elemento se vuelve a representar y usted tiene acceso a través de this.getDOMNode(), y se invoca el segundo. una vez justo antes de render() empieza.

Cuando se utiliza la representación del servidor, componentWillMount se llama pero componentDidMount no es. Debido a esto, tiendo a hacer cualquier inicialización que requiera un navegador (incluyendo la manipulación Ajax y DOM) en componentDidMount.

En componentDidMount() tienes acceso al DOM si lo necesitas; en componentWillMount() todavía no tiene acceso (aunque es posible que no lo necesite si lo único que desea es llamar setState)

Asegúrese de que en su render() Este método es capaz de representar con gracia el estado "vacío" (es decir, antes de que los resultados de Ajax hayan regresado). getInitialState() Puede ser útil aquí para configurar un estado vacío base.