我正在開發一個反應應用程序，我正在嘗試在渲染之前獲取數據。我在 NET 上嘗試了很多可用的解決方案，但似乎沒有任何效果。我正在嘗試從我的 nodeJS 服務器獲取數據（服務文件夾中的文件，以便我可以管理它們、添加它們等）import React, {Component} from 'react';import Checkbox from './Checkbox';import axios from 'axios';const OPTIONS = [];console.log('dd');class App extends Component {  state = {    checkboxes: OPTIONS.reduce(      (options, option) => ({        ...options,        [option]: false,      }),      {}    ),    load: true,  };  componentWillMount() {    this.callF();    this.setState({load: false});  }  selectAllCheckboxes = (isSelected) => {    Object.keys(this.state.checkboxes).forEach((checkbox) => {      this.setState((prevState) => ({        checkboxes: {          ...prevState.checkboxes,          [checkbox]: isSelected,        },      }));    });  };  callF = () => {    console.log('Yes');    axios      .get('http://localhost:3007/service')      .then(function (response) {        response.data.forEach((element) => {          if (OPTIONS.indexOf(element) === -1 && element !== 'Master.js' && element !== 'command.txt') {            OPTIONS.push(element);          }        });        console.log('----' + OPTIONS);      })      .catch(function (error) {        console.log('{' + error + '}');      });  };  selectAll = () => {    this.selectAllCheckboxes(true);    console.log('HEY');  };  deselectAll = () => this.selectAllCheckboxes(false);  handleCheckboxChange = (changeEvent) => {    const {name} = changeEvent.target;    this.setState((prevState) => ({      checkboxes: {        ...prevState.checkboxes,        [name]: !prevState.checkboxes[name],      },    }));  };  handleFormSubmit = (formSubmitEvent) => {    formSubmitEvent.preventDefault();    Object.keys(this.state.checkboxes)      .filter((checkbox) => this.state.checkboxes[checkbox])      .forEach((checkbox) => {        console.log(checkbox, 'is selected.');      });  };我嘗試調用道具，使用componentWillMountandComponentDidMount但我猜我不擅長這個。