Невозможно использовать подборщики материалов в веб-приложении React js - PullRequest
0 голосов
/ 09 марта 2019

Я пытаюсь реализовать Material-ui-picker в приложении реагирования.

Интегрированный код из приведенного ниже ссылка

, пытаясь реализовать дополнительный раздел дизайна

enter image description here

Я использовал код из документов в отдельном файле и установил все пакеты, но модуль не найден: Ошибка: невозможно разрешить 'date-fns /format 'Затем я попытался импортировать ссылку date-fns из пути к папке node-modules, например, импортировать DateFnsUtils из' ../../../../node_modules/date-fns/form ', а затем получить ошибку ниже.enter image description here

Кто-нибудь успешно интегрировал сборщики материалов? Пожалуйста, предложите

1 Ответ

4 голосов
/ 10 марта 2019

См. официальную документацию

Вам нужно установить и передать утилиты. Сначала установите утилиты для вашей библиотеки:

npm install date-fns@next @date-io/date-fns

Затем передайте их провайдеру утилит

import React, { useState } from "react";
import DateFnsUtils from "@date-io/date-fns"; // import
import { DatePicker, MuiPickersUtilsProvider } from "material-ui-pickers";

function App() {
  const [selectedDate, handleDateChange] = useState(new Date());

  return (
    <MuiPickersUtilsProvider utils={DateFnsUtils}>
      <DatePicker value={selectedDate} onChange={handleDateChange} />
    </MuiPickersUtilsProvider>
  );
}

Здесь - это песочница для игры:)

...