Question

我是新来的反应和反对。

我使用create-react-app启动了一个新的反应项目。我安装了antd（ant.design）。

我通过添加导入并将其添加到我的渲染中来尝试DatePicker，修改App.js如下：

import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';

import { DatePicker } from 'antd';

class App extends Component {
  render() {
    return (
      <div className="App">
        <div className="App-header">
          <img src={logo} className="App-logo" alt="logo" />
          <h2>Welcome to React</h2>
        </div>
        <p className="App-intro">
          To get started, edit <code>src/App.js</code> and save to reload.
        </p>
        <DatePicker/>
      </div>
    );
  }
}

export default App;

在Chrome中它似乎有效，虽然样式很奇怪。在IE11中，由于startsWith函数调用而无法加载（在IE11中不支持startsW）。但是，ant.design网站上的DatePicker演示在IE11中运行。

似乎我错过了一些polyfills /旧的浏览器支持。如果我尝试进行生产构建并提供服务，那么它也会出现同样的错误。

使用通过create-react-app创建的应用程序，通过IE11等浏览器为antd工作需要做些什么？

Answer 1

Create-react-app不包含polyfills。

我通过安装core-js并在src/index.js文件中导入我想要的es6模块来解决这个问题：

import 'core-js/es6';

您也可以只导入所需的特定模块：

import 'core-js/es6/function';

我推荐第一个，因为您最有可能在整个应用中使用更多功能。

如何让antd使用通过create-react-app创建的应用程序？

1 个答案: