Question

以下是我的工作组件

public class Equipment
{
    private int id;
    private string name;

    public Equipment (int id, string name)
    {
        this.id = id;
        this.name = name;
    }

    public int Id
    {
        get { return id; }
        set { id = value; }
    }

    public string Name
    {
        get { return name; }
        set { name = value; }
    }

}

但当我用const Countdown = () => { return( <p>Countdown.jsx</p> ) } module.exports = Countdown //working替换module.exports = Countdown时，我收到export default Countdown的错误？我有babel和其他es6功能正在工作。

我使用我的倒计时组件的方式

Invalid prop 'component' supplied to 'route'

Answer 1

这取决于您导入组件的方式。 module.exports = Component 不与export default Component相同。执行export default后，您可以创建名为default的{{3}}。

在ES模块中，您可以导入默认导出，如下所示：

import Component from './module';

但是，在CommonJS模块中，您必须明确引用default导出：

const Component = require('./module').default;

使用export default es6提供给'route'的无效prop'组件'

1 个答案: