如何在javascript中读取对象的属性？ [复制]

Question

你好！

我正在使用带有 React Context API 的 React。我有整个应用程序的App.js 组件。它是功能组件。其中有上下文的状态（useState）：

const [contextValue, setContextValue] = useState(null)

还有useEffect：

useEffect(() => {
    const wrapper = async () => {
      let data = {};

      const fetchData = () => {
        fetchAbout().then((res) => (data.about = res.data));
        fetchNews().then((res) => (data.news = res.data));
        fetchArticles().then((res) => (data.articles = res.data));
        fetchOffer().then((res) => (data.offer = res.data));
        fetchPortfolio().then((res) => (data.portfolio = res.data));
        fetchQuestions().then((res) => (data.questions = res.data));
      };
      await fetchData();

      console.log(data);
      console.log(data.about);

      setContextValue(data);
    };

    wrapper();
  }, []);

---

所以在fetchData 函数中，我正在创建data 对象的属性。 所以await fetchData()之后，有2个控制台日志。正如预期的那样，首先是使用其字段记录数据对象：

---

但是console.log(data.about); 有问题，因为它正在记录undefined!。 我预计，它将是数据对象中 about 字段的值（如第一个 console.log）

提前致谢

Answer 1

fetchData 没有返回一个承诺，所以你不能“等待”它。 当您console.log(data.about) 时，数据尚未填充。 你可以解决它

  const fetchData = () => {
    return Promise.all([
       fetchAbout().then((res) => (data.about = res.data)),
       fetchNews().then((res) => (data.news = res.data)),
       fetchArticles().then((res) => (data.articles = res.data)),
       fetchOffer().then((res) => (data.offer = res.data)),
       fetchPortfolio().then((res) => (data.portfolio = res.data)),
       fetchQuestions().then((res) => (data.questions = res.data)),
    ])
  };