时间戳

首页 > 解决方案 > 如何显示道具并在视图上从组件渲染到另一个？

reactjs - 如何显示道具并在视图上从组件渲染到另一个？

问题描述

大家好，我正在尝试将股票搜索组件中的数据呈现到 Displadata 组件中。但是，当我尝试访问对象时，我目前收到类型错误并收到未定义的消息。有人可以帮我正确地做到这一点吗？

这是一个沙盒。

https://codesandbox.io/s/empty-lake-8r8w8?file=/src/App.js

标签： reactjs

解决方案

由于您的数据来自 API，因此最初this.props.results.BTC将未定义并最终接收数据。

所以不是直接this.props.results.BTC.USD在你的渲染方法中渲染，

做这个

  render() {
    return (
      <div>
        {this.dataResults()}
        {this.props.results && this.props.results.BTC && this.props.results.BTC.USD}
      </div>
    );

推荐阅读