Question

我尝试导入React组件（datetime）进行渲染，但一直收到错误：

警告：React.createElement：type无效 - 期望一个字符串（对于内置组件）或一个类/函数（对于复合组件）但得到：object。您可能忘记从其定义的文件中导出组件。

在开发过程中的一个阶段有效，但我没有在那个阶段做出承诺，因而无法回忆起我当时所做的事情（虽然我认为这是我目前的进口线）。现在，正如你所看到的那样，我已经尝试了所有可能的陈述，我所知道的陈述没有成功。

import React from 'react';
import ReactDOM from 'react-dom';

// require('react-datetime');
// var Datetime = require('react-datetime');
// import * as Datetime from 'react-datetime'
// import Datetime from 'react-datetime'
import {Datetime} from 'react-datetime'

function datepicker(d, cb) {
    return requestAnimationFrame( () => {
        console.log("datapicker")
        return ReactDOM.render(
            <Datetime />,
            document.getElementById('reactDate')
        );
    });
}

export default datepicker;

我的webpack.config.js有这个

        {
            test: /\.jsx?$/,
            exclude: /node_modules/,
            use: {
                loader: 'babel-loader',
                options: {
                    // env: automatically determines the Babel plugins you need based on your supported environments
                    presets: ["env", 'react']
                }
            }
        }, {

如果代码结构看起来有点不寻常，那是因为我试图将它全部嵌入到Elm中。

如果有帮助，react-datetime的导出行显示为：

module.exports = Datetime;

使用webpack 2导入React组件

0 个答案: