create-react-appで作成したアプリでantdを使うには？

Question

私は反応して新しいです。

私はcreate-react-appを使って新しい反応プロジェクトを開始しました。私はantd（ant.design）をインストールしました。

私は次のようにApp.jsを変更し、インポートを追加し、私のレンダリングにそれを追加することによって、日付ピッカーを試してみた：スタイリングは奇妙ですが、Chromeの場合

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; 

動作しているようです。 IE11では、startsWith関数呼び出しのためにロードされません（startsWithはIE11ではサポートされていません）。しかし、ant.designウェブサイトのDatePickerデモはIE11で動作します。

どういうわけか、私はいくつかのポリフィル/古いブラウザのサポートを見逃しているようです。プロダクションビルドを行い、それを提供しようとすると、同じエラーが発生します。

create-react-appで作成したアプリでIE11などのブラウザでantdを動作させるには何が必要ですか？

Answer 1

Create-react-appにはポリフィルは含まれていません。

私はcore-jsをインストールし、私はsrc/index.jsファイルに望んでいたES6モジュールをインポートすることでこの問題を回避働いは：

import 'core-js/es6'; 

また、あなたがしたいだけで、特定のモジュールをインポートすることができます

import 'core-js/es6/function'; 

私はお勧め最初は、アプリ全体でより多くの機能を使用する可能性が高いためです。