EJ Syncfusion React Scheduler 不工作

Question

所以我有这个 ej2syncfusion 约会日历，我已经从这个链接复制了代码https://ej2.syncfusion.com/react/demos/#/material3/schedule/block-events并尝试运行代码来自我的 ReactJs。

这是我编辑的JS和CSS代码https://pastecode.io/s/e25wyj4m。

请求帮助了解为什么我的代码正在运行，但 css 没有正确加载，因为这是我想要得到的输出但是我的程序给了我这个输出，其中所有东西都在地方。

我觉得我的风格有问题

我非常感谢您的帮助，如果有任何不清楚的地方，请澄清。

** 最新编辑**：我的日历部分现在正确显示，我还输入了许可证密钥。现在唯一的问题是我的按钮如下图所示，当前没有 css，并且单击日历时出现的添加事件弹出窗口已经位于屏幕底部，也没有不正确的 css。我已经在pastecode中编辑了上面的代码。在此恳请帮助。

Answer 1

我查看了您的代码，发现了以下几个问题：

我尝试从您的pastebin链接创建我自己的codesandbox并在那里测试您的代码，并且它工作正常（在进行了一些更改之后）。

这里是用于检查工作示例的 codesandbox 链接。

据我所知，您在index.html文件中犯了错误，您必须在其中导入“bootstrapcdn”包和“syncfusion”包，它们将负责将设计渲染到您的应用程序中。

将您的

index.html

更改为此。

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, shrink-to-fit=no"
    />
    <meta name="theme-color" content="#000000" />
    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />

    <link
      href="https://cdn.syncfusion.com/ej2/24.1.41/material3.css"
      rel="stylesheet"
    />
    <link
      href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
      rel="stylesheet"
    />
    
    <title>React App</title>
  </head>
  <body class="material3">
    <style>
           .control-section
           {
               margin-top: 100px;
           }
   </style>
   <div id='root'>
</body>
</html>

如果您仍然遇到问题，请告诉我。

EJ Syncfusion React Scheduler 不工作

问题描述投票：0回答：1

1个回答

最新问题

EJ Syncfusion React Scheduler 不工作

问题描述 投票：0回答：1

1个回答

最新问题

问题描述投票：0回答：1