Как использовать диалог material-ui в планировщике?

Сейчас я реагировать-большой-планировщик, чтобы создать свое приложение. Однако у меня возникла проблема с заменой диалогового окна material-ui.

newEvent = (...) => {
    if (window.confirm('...'){
    ...
    }

Когда я экспортирую диалоговое окно material-ui как компонент и заменяю код на:

newEvent = (...) => {
    <NewEventDialog />
}

У меня следующая ошибка:

Expected an assignment or function call and instead saw an expression. 

Поскольку я новичок в реакции, мои вопросы будут следующими:

  • Я собираюсь заменить window.confirm на более привлекательный, например material-ui.
  • Как вы посоветуете мне импортировать его в мой текущий планировщик?
  • Как мне передать логическое значение «submit» моему планировщику?

Заранее спасибо.

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
1
0
335
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

вы должны вернуть из компонента newEvent

newEvent = (...) => {
  return (<NewEventDialog />)
}

Эй, я попытался вернуть ему компонент диалога. Я использую это из material-ui (material-ui.com/demos/dialogs/#form-dialogs). Я импортирую его как компонент и сделал, как указано выше, но диалоговое окно все еще не открывается. Я написал оператор возврата в первой строке внутри newEvent.

Joey 24.10.2018 17:31

Эй, я тоже столкнулся с той же проблемой. Удар!

Ivan 25.10.2018 04:54
codeandbox.io/embed/k14rp64q87 привет, это код, который у меня сейчас есть. мой планировщик находится внутри src / components / Schedule / Scheduler.js
Joey 25.10.2018 08:48

Ссылаясь на вашу кодовую строку, в Scheduler.js я добавил строки - Строка с 61 по 63 - Строка с 69 по 71 в BookingDialog.js Я изменил Строку 32 и Строку 35. Я что-то упустил? Я все еще получаю сообщение об ошибке «Невозможно найти узел на отключенном компоненте», указывающее на this.setState в newEvent. Тем не менее, большое спасибо за вашу помощь !! Извините, проблема все еще возникает :(

Joey 27.10.2018 08:28

Другие вопросы по теме