reactjs中的组件导出错误

Question

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

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

在上面的文档中有一个工作演示，因此对该库毫无疑问。但是，当我尝试使用此库时，我收到以下错误。

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

我的代码

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'/>

   }

}