如何在不立即渲染的情况下导入react元素?

时间:2017-11-09 22:17:49

标签: javascript reactjs

我正在尝试在另一个反应项目中导入一个简单的时钟反应组件(来自反应教程),并且即使我不使用该标记,它也会在导入时呈现。这是怎么回事,怎么能阻止它?

时钟回购: https://github.com/bobtista/reactJsClock

Tic Tac Toe repo(我想要显示时钟): https://github.com/bobtista/reactJsTickTacToe/tree/feature/clock

如果我尝试使用命名导出,则时钟在jsconsole中显示为未定义。重现: 在时钟回购:

module.exports = Clock;

在tic tac toe repo:

import { Clock } from "my-clock";

如果我使用默认导出,则会出现此错误

  

React.createElement:type无效 - 期望一个字符串(for   内置组件)或类/函数(用于复合组件)   但得到了:未定义。您可能忘记从中导出组件   它在

中定义的文件

我注意到,如果我甚至不使用标签,在调试时,在加载之前,时钟呈现到窗口 - 只需通过导入即可显示。

重现:

export default class Clock extends React.Component {

和     从'my-clock'导入时钟;

仅供参考:这里有效!怎么样? https://stackblitz.com/edit/react-eteavk?file=index.js

0 个答案:

没有答案
相关问题