【问题标题】:How to use material-ui dialog in scheduler?如何在调度程序中使用 material-ui 对话框?
【发布时间】:2018-10-23 01:01:30
【问题描述】:

我现在是react-big-scheduler 来创建我的应用程序。但是,我在替换我的 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
  • 您建议我如何将其导入当前的调度程序?
  • 如何将“提交”布尔值传递给我的调度程序?

提前谢谢你。

【问题讨论】:

    标签: reactjs dialog material-ui scheduler


    【解决方案1】:

    你必须从newEvent 组件返回

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

    【讨论】:

    • 嘿,我试图将对话框组件返回给它。我在 material-ui (material-ui.com/demos/dialogs/#form-dialogs) 中使用它。我将它作为一个组件导入并按照上面的方法进行操作,但对话框仍然没有打开。我在 newEvent 的第一行写了 return 语句。
    • 嘿,我也面临同样的问题。撞!
    • codesandbox.io/embed/k14rp64q87 你好,这是我现在拥有的代码。我的调度程序在 src/components/Schedule/Scheduler.js
    • 从您的代码和框中引用,在 Scheduler.js 中我添加了 - 第 61 到 63 行 - 在 BookingDialog.js 第 69 到 71 行我更改了第 32 行和第 35 行。我错过了什么吗?我仍然收到指向 newEvent 中的 this.setState 的错误“无法在未安装的组件上找到节点”。非常感谢您的帮助!很抱歉仍然遇到问题:(
    猜你喜欢
    • 2018-04-21
    • 1970-01-01
    • 2018-05-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-11-29
    • 2018-03-04
    相关资源
    最近更新 更多