javascript - ReactDOM.render() 未解决

Question

import React from 'react';
// import ReactDOM from 'react-dom';
import ReactDOM from 'react-dom/dist/react-dom.min';
import {Alert} from 'reactstrap';

class AlertLine extends React.Component {
    constructor(props) {
        super(props);

        this.state = {
            visible: true
        };
    }

    onDismiss = () => {
        this.setState(
            {
                visible: false
            }
        );
    };

    render() {
        return (
            <div>
                <Alert color="success" isOpen={this.state.visible} toggle={this.onDismiss}>
                    <strong>Success!</strong> You successfully read this important alert message.
                </Alert>
            </div>
        );
    }
} 

ReactDOM.render(
    <AlertLine/>,
    document.getElementById('root')
);

ReactDOM.render() 与“react-dom”一起进行开发效果很好。然而，一旦我尝试导入缩小的“react-dom.min”而不是“react-dom”，render()就无法解决并且什么也没有发生。我也无法从内容辅助(ctrl + space)中找到 render() 。

我已经安装了[email protected]和 [email protected]使用 npm 并且它们在“npm 列表”上。然后我尝试重新安装它们，但没有成功。

Answer 1

就您而言，您必须使用 import ReactDOM from 'react-dom' 因为 import 并不意味着“文件导入” ，它的意思是“ES6模块导入”。

要缩小捆绑文件，请尝试 uglifyjs-webpack-plugin (如果您使用的是 webpack)或 minifyify (如果您使用browserify)