reactjs中的组件导出错误

Question

我正在尝试使用以下反应库为我的应用程序创建一个丰富的 url 预览组件。

https://docs.microlink.io/sdk/getting-started/react/

在上面的文档中有一个工作演示，所以没有关于库的问题。但是当我尝试使用这个库时，我得到了以下错误。

未捕获（在承诺中）错误：元素类型无效：预期为字符串（对于内置组件）或类/函数（对于复合组件），但得到：未定义。您可能忘记从定义组件的文件中导出组件。

我的代码

import MicrolinkCard from 'react-microlink'

class Star extends Component {
  render() {
    <MicrolinkCard url='https://www.theverge.com/tldr/2018/2/7/16984284/tesla-space-falcon-heavy-launch-elon-musk'/>
  }
}

我尝试将import MicrolinkCard from 'react-microlink' 更改为import {MicrolinkCard} from 'react-microlink'，但仍然出现相同的错误。

Answer 1

import {MicrolinkCard} from 'react-microlink'

请检查导入的东西。

 class Star extends Component {

   render() {

      return <MicrolinkCard url='https://google.com'/>

   }

}

Answer 2

你需要在你的渲染中返回它：

 class Star extends Component {

   render() {

      return <MicrolinkCard url='https://blah.potato'/>

   }

}