小编Rea*_*ato的帖子

如何禁用 DataGrid MUI 中的菜单按钮选项?

我想禁用弹出所有选项的按钮,例如:排序、过滤、隐藏等。

在此输入图像描述

我知道您可以删除列中的排序选项sortable: false,如果我想删除其他所有内容,那么我可以简单地使用这两个选项disableColumnFilter来删除过滤器并 disableColumnSelector删除几乎所有其他内容但是,即使我删除所有选项,按钮也是如此仍然存在,我想将其删除。

在此输入图像描述

datagrid reactjs material-ui

19
推荐指数
1
解决办法
2万
查看次数

MUI 中的 DataGrid 中是否有用于“选择”的列类型?

我开始对我的代码启用编辑,如果我想使用 a , select那么用户可以浏览选项并选择这些选项(对于其他编码目的来说,使用完全相同的字符串很重要,我不希望用户弄乱它)这就是为什么我想要一个选择选项)而不是打字?

根据单元格编辑,我看到了带有自定义选项和经典类型选项的示例:number, datedatetime但我没有看到带有选择示例的示例,我尝试使用 type:"select"显然不起作用。任何文档/帮助/提示都有帮助。

datagrid reactjs material-ui

7
推荐指数
1
解决办法
1万
查看次数

如何添加多个Outlet组件react router dom V6?

我正在使用react-router-dom V6,我想知道是否可以同时添加多个Outlet组件,因为我想要一个可替换的部分和一个页脚

这就是我尝试的

<Route path = "/" element={<AppToolBar/>} >
            <Route path = "/AboutMe" element={<AboutMe />}>
              <Route path="/AboutMe" element={<AboutMeIntro />} />
              <Route path="/AboutMe" element={<Footer />} />
            </Route>
</Route>
Run Code Online (Sandbox Code Playgroud)

但它不起作用,因为它无法识别彼此之间的差异,因此它只会渲染第一个的两次,而不是渲染第一个和第二个。有任何想法吗 ?也许我忽略了一些重要的事情

这是它的渲染方式

在此输入图像描述

更新

答案绝对成功了

 <Route path = "/" element={<AppToolBar/>} >
    <Route path="/AboutMe" element={( <> <AboutMe /> <Footer /> </> )} >
      <Route path="/AboutMe" element={<AboutMeIntro />} />
    </Route>
  </Route>
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

javascript reactjs react-router-dom

6
推荐指数
1
解决办法
3171
查看次数

网格与盒子:什么时候使用哪个?- 移动用户界面

所以我有以下问题,我认为这是非常有效的。

因此,据我所知,Box 和 Grid 是布局组件,您应该在其中添加其他组件。然而,有时 Box 会帮我完成这项工作,有时是 Grid,有时我会同时使用两者。

在我尝试将组件居中后,我想到了这个问题,因此在这个示例中,当我使用 GRID 时,我可以将组件居中于屏幕中间,没有任何问题:

网格示例:

示例A-沙箱

框示例:

示例B-沙箱

我知道我可以简单地将 pl={number} 添加到框组件,然后我可以将框移动到所需位置,但这不是重点。

reactjs material-ui

5
推荐指数
1
解决办法
3282
查看次数

React unity WebGL 不适用于 React JS 项目

嘿,试图让我的 Unity WebGL 导出在我的 React JS 项目上工作,但由于某种原因不起作用,我正在使用以下React Unity WebGL版本(react-unity-webgl@7.x # For Unity 2018 和 2019(Active LTS)),我已经按照我使用的版本的说明进行操作,有人遇到了与我相同的问题,并在 GitHub 中提出了一个问题,按照他们所说的进行操作,基本上是将 unity 文件夹公开文件夹,但仍然无法正常工作。任何人都知道如何解决这个问题?

这就是我的文件夹结构:

在此输入图像描述

这是我尝试过的两个代码(它们基本上是相同的):

代码A:

import React from 'react'
import Unity, { UnityContent } from "react-unity-webgl";

let unityContent = new UnityContent(
  "Megaman/Build/Megaman.json",
  "Megaman/Build/UnityLoader.js"
);

function MegamanGame() {
    return (
        <div>
          <h1>Is not working</h1>
          <Unity unityContent={unityContent} />
        </div>
      
    )
}

export default MegamanGame
Run Code Online (Sandbox Code Playgroud)

代码B:

import Unity, { UnityContent } from "react-unity-webgl";
export default function Megaman() {
    let unityContent = …
Run Code Online (Sandbox Code Playgroud)

unity-game-engine reactjs react-native unity-webgl

5
推荐指数
1
解决办法
2929
查看次数