如何在React.js中导出组件

时间:2018-09-25 13:05:48

标签: reactjs

嗨,我是reactjs的新手。我想将一个组件导出到另一个组件。我想将此name_of_the_component从帮助程序组件导出到。

下面是代码段

class Helper extends React.Component {

    render = () => {
        return ReactDOM.createPortal(
           ............
        );
    };
} 

export function error(Component) {

        return (
            ......
        );
    };
}

export default class Maincomponent extends React.Component {
     render{
         return (
             ......
         );
     }
}

我想将名为error的函数从帮助器组件导出到Maincomponent。我尝试使用来自助手的导入错误 导出默认类错误。引发错误不能多次使用导出默认模块。有人可以帮我这个忙。

2 个答案:

答案 0 :(得分:0)

import { error } from '../path/to/file'

非默认导出的括号{ }。默认输出没有括号。

答案 1 :(得分:0)

您还可以创建一个无状态组件。然后在任何需要的地方导入错误函数。就像上面提到的乔伊。.