制作材质-UI Appbar/网格响应式- ReactJS
制作材质-UI Appbar/网格响应式- ReactJS
制作材质-UI Appbar是一种基于材质设计风格的应用程序导航栏组件，它提供了一种简洁、直观的用户界面，使用户可以轻松地导航和操作应用程序。该组件通常包含应用程序的标题、菜单按钮、搜索框等元素，并可以根据需要进行自定义。
ReactJS是一种流行的JavaScript库，用于构建用户界面。它采用组件化的开发模式，使开发人员可以将界面拆分为独立的可重用组件，并通过组合这些组件来构建复杂的用户界面。ReactJS具有高效的虚拟DOM渲染机制，能够提高应用程序的性能和响应速度。
网格响应式是一种设计技术，用于创建适应不同屏幕尺寸和设备的网页布局。通过使用网格系统和媒体查询，可以使网页在不同的设备上呈现出最佳的布局和用户体验。网格响应式设计可以使网页在桌面、平板和移动设备上都能够自动适应，并提供良好的可读性和导航性。
在制作材质-UI Appbar/网格响应式时，可以使用ReactJS来构建应用程序的用户界面，并利用React的组件化开发模式来创建Appbar和网格响应式布局。可以使用React的相关库和组件来实现材质设计风格的Appbar，并使用CSS网格布局和媒体查询来实现网格响应式布局。
以下是一些腾讯云相关产品和产品介绍链接地址，可以在制作材质-UI Appbar/网格响应式时使用：
- 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，适用于部署和运行应用程序。 产品介绍链接：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：提供高性能、可扩展的关系型数据库服务，适用于存储应用程序的数据。 产品介绍链接：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（COS）：提供安全、可靠的云存储服务，适用于存储和管理应用程序的静态资源。 产品介绍链接：https://cloud.tencent.com/product/cos
- 腾讯云人工智能（AI）：提供丰富的人工智能服务和工具，适用于开发和部署人工智能应用程序。 产品介绍链接：https://cloud.tencent.com/product/ai
请注意，以上链接仅供参考，具体的产品选择应根据实际需求和项目要求进行评估和决策。
相关·内容
我使用Material-UI@next AppBar构建了一个页脚，我想在网格中居中对齐图标，并且在响应时，每个网格项目都应该在新行中居中对齐。敬请指教。在桌面模式下，它们都应该在一条直线上。 这是我的代码： import {
AppBar,
Grid,
Link,
Stack,
Toolbar,
Typography
} from "@material-ui/core";
import React from "react";
import { Facebook, LinkedIn, Twitter } from "@mater
浏览 12提问于2021-08-19得票数 0
我是框架的新手，从那时起我就一直在使用react-bootstrap。
据我所知，Material-UI没有提供网格系统，所以我为我的应用程序提供了react-flexbox-grid。但是Material-UI的组件似乎并不考虑网格的大小。下面是我是如何使用它的：
import React from 'react'
import MenuContainer from '../containers/MenuContainer.jsx'
import AppBar from 'material-ui/AppBar'
import { Grid, R
浏览 3提问于2017-07-25得票数 0
回答已采纳
代码示例：
材质UI可以平滑地折叠。
但是，当我将JSX放到外部组件时，就会平滑刹车。我制作了带有平滑折叠和没有平滑折叠的代码示例。
如何在外部组件中保留列表并保持平滑折叠？
浏览 1提问于2021-02-06得票数 0
我尝试设置" type“，然后设置"needsUpdate"，但没有更改类型。我知道我可以制作一个新的材质，然后改变使用该材质的每个网格来使用新的材质，但我希望有一种方法可以做到这一点，而不是迭代每个网格。
浏览 20提问于2020-08-19得票数 0
我正在尝试制作一个Appbar组件。我在左边的side.Now上有一个菜单图标和公司名称，我想在Appbar组件的最右边显示配置文件图标、通知图标和欢迎字符串。
我使用了带有using left:auto属性的div标签，但我希望使用网格组件来完成。
import React, { Component } from "react";
import Appbar from "@material-ui/core/AppBar";
import { Toolbar, IconButton, Typography, Avatar, Grid } from "@m
浏览 21提问于2019-07-30得票数 0
我在这里跟踪这个超级栈教程：
我被困在33点左右
我已经嵌入了资料-ui/核心组件-容器，AppBar，排版指定与他们的属性，但它没有显示图像或任何材料-ui/核心组件时，我运行它。
我对此进行了测试，只是使用了一个div标记，里面有图像标记，它显示得很好，所以我不确定材质-ui/核心组件无法做到这一点。所以我知道问题不是与图像或图像文件路径有关。
它编译得很好，只显示我没有使用过的组件的警告，但是当它在浏览器中呈现时，它根本没有显示图像，也没有显示任何材质-ui/核心组件。
这是我的App.js文件：
import React from 'react';
import { C
浏览 9提问于2022-06-13得票数 0
2回答
我有一个附加到ScreenSpace-Camera UI画布上的2D圆的程序网格，我想在它上面渲染一些UI文本。但是，UI文本始终呈现在圆圈下方，尽管我对它们的z顺序进行了排序。如果我将材质更改为不透明材质，则一切正常。那么，如何处理被视为UI元素的网格对象的透明渲染顺序呢
浏览 5提问于2015-09-01得票数 1
1回答
我试图使用材质-ui的黑暗模式的反应应用程序。我浏览了文档并设法激活了它，但我有一个问题:当使用基本的AppBar和主按钮时，主按钮是“不可见的”--我猜它的颜色与AppBar背景相同。
这是正常行为还是我做错了什么？
下面是一个快速示例沙箱：
谢谢！
浏览 1提问于2019-12-24得票数 1
回答已采纳
2回答
我对此反应很新，我已经做了好几个小时了，运气不佳。
我试着把标签的样式设计成白色：
还消除了onClick波纹：
我怀疑这与重写类有关:指示器，但我不完全确定它是如何/为什么工作的。
为了清晰起见我附上了我的代码。
import React, {Component} from "react"
import AppBar from "@material-ui/core/AppBar/AppBar";
import Tabs from "@material-ui/core/Tabs/Tabs";
import Tab from
浏览 0提问于2018-10-09得票数 4
回答已采纳
我已经制作了标题组件与网格有路由链接，我只是希望这个网格是响应在移动屏幕上应用的材料UI断点。这意味着，与其通过将网格项包装在下面来显示所有网格项，不如在移动屏幕上显示这2项。谢谢
**这是我的header.js文件代码：**
import React from 'react'
import './Header.css'
import Grid from '@mui/material/Grid';
import Button from '@mui/material/Button';
import { AppBar } from
浏览 5提问于2022-02-02得票数 0
回答已采纳
2回答
我在将以下代码添加到新创建的reactJS + Material-UI应用程序时遇到了问题
要集成的代码
state = { icon: true }
handleClick = e => {
const { icon } = this.state
this.setState({ icon: !icon })
}
render() {
const { icon } = this.state
return(
<i className='large material-icons' onClick={this.ha
浏览 0提问于2019-07-07得票数 0
我最近开始使用Material UI，我不确定使用它的正确方式是什么。有时候，我想要自定义材质UIcomponents的样式。但为此，我必须处理".js“文件，我认为这是不合适的。
有没有一种方法可以将材质UI组件的多个自定义样式/组件存储在不同的文件中，然后从该文件导入样式/组件？
谢谢!
浏览 0提问于2020-04-10得票数 0
1回答
解释
我正在建立一个简单的ReactJS网页，你可以登录/注册。我已经建立了主页，并有一个导航栏与登录和注册按钮在其中。我在用MaterialUI。--我想在点击登录按钮时打开登录模式，但是到目前为止，我只能从模式代码中的一个按钮打开这个模式。
我做了什么，
我已经对堆栈溢出和web进行了大量的研究，并尝试以各种不同的方式实现了一些方法，比如参考文献。我试着阅读ReactJS文档来理解这些概念。
码
我有一个单独的文件登录模式和海军酒吧。目前，我正在将LoginModal组件导出到Navbar文件中。然后将Navbar组件导出到HomePage文件中。
下面是导航条文件的代码(Navbar.j
浏览 0提问于2018-09-11得票数 0
我使用的材料-Ui，然而，当我向下滚动页面，应用程序去下面的地址栏在iOS 10。而且地址栏也保持打开而不是折叠。我使用的是默认的材质UI主题。
我不认为它是这样工作的。有例子说明如何正确地做到这一点吗？
理想情况下，如果AppBar被固定在页面的顶部，那就太好了。
谢谢。
浏览 1提问于2016-11-16得票数 0
回答已采纳
1回答
我想将我的Material-Ui网格转换为拖放网格。我已经尝试过用react-grid-layout包对其进行转换，但结果很奇怪。使材质Ui网格可拖放的简单方法是什么？
我的网格看起来像这样：
<Grid
container
spacing={2}
direction="row"
justify="flex-start"
alignItems="flex-start"
>
{ widgets.map(elem => (
<Grid item xs={12} sm={6}
浏览 13提问于2019-11-04得票数 1
如何在滚动时自动隐藏Reactjs <AppBar/>组件，如图1所示？
图1。<AppBar/>在滚动时自动隐藏
MyAppBar.js
import React from 'react';
import PropTypes from 'prop-types';
import { withStyles } from '@material-ui/core/styles';
import AppBar from '@material-ui/core/AppBar';
import Toolbar
浏览 1提问于2019-01-27得票数 3
我需要启动一个我在父按钮的子组件中的函数，但我还没有得到它，有人知道一些表单，我已经看到了一些示例，但我找不到可以帮助我的东西，因为它们只处理属性更改
这是我的代码父代码：
import React from 'react';
import ReactDom from 'react-dom';
import AppBar from 'material-ui/AppBar';
import injectTapEventPlugin from 'react-tap-event-plugin';
import MuiThemeProvi
浏览 4提问于2017-04-27得票数 10
回答已采纳
我正在开发一个使用虚拟按钮的Vuforia应用程序。我使用了虚拟按钮的例子，我在脚本中找到了这一部分
public void OnButtonPressed(VirtualButtonBehaviour vb)
{
Debug.Log("OnButtonPressed");
if (!IsValid())
{
return;
}
// Add the material corresponding to this virtual button
// to the active material list:
浏览 0提问于2013-12-17得票数 2
回答已采纳
我将网格从COLLADA文件加载到SceneKit中。假设我有一个立方体，它的材质具有特定的纹理。然后在代码中，我想要制作这个SCNNode的新副本-到目前为止我已经使用了clone -然后我需要设置一个新的纹理。这就是它的问题所在，因为如果我获得其中一个克隆立方体的命名材质并更新其纹理(thematerialofmycube.diffuse.contents = @"somefile.png")，将为该立方体的所有实例设置相同的纹理。clone显然不会深度复制几何体、材质和纹理等东西。因此，我尝试的是制作几何体本身的副本，也尝试制作新材质，为新材质设置新纹理，并将该材质添加到
浏览 1提问于2014-08-11得票数 3
最近，我将我的资料ui更新为最新版本，并在react中更新了我的库。
下面是示例代码：
import React from 'react';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import AppBar from 'material-ui/AppBar';
class HomePage extends React.Component {
render() {
return (
<div>
浏览 0提问于2019-09-06得票数 0
回答已采纳
使用ReactJS，我试着用的方式制作第二个(较小的)导航条。我的第一个肚脐在顶部，当我滚动时，从透明变成黑暗。第二个条形图(屏幕截图中的紫色很容易看到)目前在第一个导航栏后面，我希望它就在标题背景图像的正下方。
第一个(主要) Navbar - "Header.js“
import React, { useEffect, useState } from 'react';
import { makeStyles } from '@material-ui/core/styles';
import { AppBar, IconButton, Toolbar,
浏览 7提问于2021-03-15得票数 0
回答已采纳
使用命令Mesh.clone();可以克隆网格。搜索显示，几何形状和材料被保留下来。但是，我想以不同的方式控制两个网格的不透明度。因此，我假设我也必须克隆这些材料。 有没有一种方法可以复制包含材质的网格，以便我可以从原始网格中单独控制新网格的不透明度？
浏览 33提问于2020-01-05得票数 0
回答已采纳
我试着用ReactJS + Material做我的第一个应用，但没有成功。
我唯一想做的就是，当我在酒吧的按钮上点击，显示一个左抽屉。
我有以下代码(App.jsx)：
import React from 'react';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import getMuiTheme from 'material-ui/styles/getMuiTheme';
import lightBaseTheme from 'materi
浏览 0提问于2016-07-18得票数 4
回答已采纳
2回答
我正在为一个画廊制作一个响应式网格：
他们的计划是制作一个网格，当设备方向发生变化时，网格会自动重新组织。如果容器#big_box的宽度设置为像素(例如960px，480px，240px)，它或多或少可以正常工作。不幸的是，当我尝试使用百分比值时，它留下了许多空白。
有没有办法让它和percent一起工作呢？
浏览 1提问于2013-11-29得票数 0
1回答
我正在尝试连接反应材料UI:持久+响应式抽屉，这样移动将是响应式抽屉，上面的移动将是持久的。
我找到了一个几乎可以正常工作的代码，但是我没有第二个按钮来切换持久性。
有人能帮我添加吗，因为我正在尝试添加它？
import React from 'react';
import PropTypes from 'prop-types';
import { withStyles } from '@material-ui/core/styles';
import Drawer from '@material-ui/core/Drawer';
浏览 1提问于2019-01-07得票数 3
我有一个材质-ui组件AppBar (使用钩子)，我必须切换抽屉(基于类的组件)，我有一个引用函数toggleDrawer在AppBar.js中使用props.toggleDrawer。
当用户单击AppBar中的AppBar组件时，我想调用这个函数，所以我尝试用一个箭头函数调用toggleDrawer()将onClick属性赋予该组件，但是它不起作用--我必须直接从onClick属性调用函数才能工作。为什么会这样，据我所知，我们应该传递箭头函数，以避免在将JSX解析为vanilla js时对该函数的调用。
<IconButton
onClick = { pro
浏览 2提问于2019-12-11得票数 2
我遵循了在线视频中的教程，但是我得到了这样的错误代码：
编译./node_modules/@material-ui/icons/Menu.js Module not found: Can't resolve '@babel/runtime/helpers/builtin/interopRequireDefault' inb'C:\LocalServer\static-page\node_modules\@material-ui\icons'失败，此错误发生在构建过程中，不能排除。
这是我编写的代码：
import React, {Componen
浏览 0提问于2019-01-28得票数 1
回答已采纳
1回答
我有一个glTF面材质问题:在源模型中，它包含一个具有两种不同面材质的网格体。如何将一个源网格体中的不同面材质导出到一个glTF网格中？ 示例:源模型是一个具有红色和蓝色脸部颜色的立方体，带有纹理材质。glTF文件:在一个glTF网格下包含两个基本体的立方体。对于一个基本体，将其材质颜色设置为红色；对于另一个基本体，将其材质颜色设置为蓝色。这是一个正确和好的解决方案吗？有没有其他更好的方法？ ? ? ?
浏览 58提问于2020-04-30得票数 1
2回答
我有一个用unity创建的标准平面，并将其网格过滤器(有121个tri，202个顶点)替换为一个在搅拌器中制作的具有2个tri/4顶点的网格过滤器。
如果我用纹理设置材质，我只能得到在平面上绘制的纹理的一小部分。如何在新平面上绘制完整的纹理？
浏览 2提问于2012-11-07得票数 1
回答已采纳
我已经在一个场景中生成了大约70000个带有网格和材质的游戏对象。我需要将这些网格和材质保存在资源中。我用AssetDatabase.CreateAsset保存资产，但这需要很多时间(大约24小时)。我保存网格和材质来制作捆绑包。
我的代码生成网格和材质：
public class SaveAssetsUtils
{
static public void Save(string path, GameObject target)
{
if (!Directory.Exists(path))
Directory.CreateDirectory(path);
str
浏览 0提问于2015-11-06得票数 0
我想用jquery移动响应式网格制作一个3列的纵向网格和5列横向网格。我尝试了不同的组合，但没有成功。景观效果很好，但纵向模式又有5列。
感谢你的帮助
这是我尝试过的代码之一：
@media all and (orientation : portrait) {
.my-breakpoint-5.ui-grid-d .ui-block-a,
.my-breakpoint-5.ui-grid-d .ui-block-b,
.my-breakpoint-5.ui-grid-d .ui-block-c,
.my-breakpoint-5.ui-grid-d .ui-block-d,
浏览 1提问于2015-07-05得票数 0
我正在为我的react项目( material -ui.com)使用material ui库，并希望在appbar组件的中心添加我的徽标。 我尝试使用以下代码： <AppBar position="sticky" >
<Toolbar>
<img src={'../logo.svg'} className={classes.logo} alt="logo" />
</Toolbar>
</AppBar>
浏览 18提问于2019-05-16得票数 1
我从Blender导入了一个网格三次，我为每一个都设置了不同的ID，然后我尝试只为一个网格更改纹理：
var newMesh = scene.getMeshByID("first_id");
newMesh.material.diffuseTexture = new BABYLON.Texture("colors/blue01.jpg", scene);
但是，即使每个网格都有一个唯一的ID (我可以用console.log(newMesh.id)查看)，所有三个网格都会改变它们的纹理。
我如何修复它，以改变纹理，只为一个网格与其他网格分开？
对不起，我的英语不
浏览 2提问于2017-02-23得票数 0
3回答
我正在学习material-ui，方法是制作像这样的右导航菜单：或者至少像这样：
我正在使用Drawer来制作侧边栏，问题是当侧边栏被切换时，它会隐藏右侧的内容。我希望当我的侧边栏被切换时，它发生了，并将内容推到右侧，侧边栏和内容都有了自己的滚动条。下面是我当前的代码：
Sidebar.js：
import React from 'react';
import lightBaseTheme from 'material-ui/styles/baseThemes/lightBaseTheme';
import MuiThemeProvider from '
浏览 9提问于2016-10-05得票数 14
回答已采纳
我为自己的项目创建了自己的应用程序栏，我还使用了Erica字体。我刚刚开始了这个项目，所以无论如何代码都不够。
对于作为reactjs中物质ui的一部分的线性和径向梯度，我还没有解决两个问题：
Erica One字体似乎不支持线性渐变(在我的代码中标记为注释)，，我也想对应用程序条使用径向渐变，而且它似乎也不支持它(在我的代码中标记为注释)
有人知道我做错了什么吗？它只是添加一个简单的渐变颜色和某种材料-ui和字体本身就是不想让我使用它，哈哈:)
谢谢，这是代码：
page.js文件：
import { makeStyles } from "@material-ui/core"
浏览 8提问于2021-06-01得票数 3
我正在尝试将3D网格展平为2D形状。我想要实现的是像这样的东西
基本上，你在图像中看到的是一个给定的网格及其沿不同视图的轮廓。我想用Three.js为任何给定的网格做同样的事情，但我不知道如何才能得到轮廓。
我想到了两种可能的解决方案：
1)复制网格并沿给定轴进行缩放，使其变平(例如，如果我想获得从正Z到负的形状的轮廓，我只需像这样缩放它：
myMesh.scale.z = 0.001 // Small value to make it "2D-like"
问题:我正在复制和重新绘制一个可能非常大的网格，所以效率不是很高。
2)将网格的顶点投影到2D平面，使它们都在同一级别，然
浏览 6提问于2016-04-23得票数 1
我期待着改变材质UI标签的配色方案，有白色的背景和绿色的指示器和文字。
我现在就是这么做的，
demo.js
import React from "react";
import PropTypes from "prop-types";
import { MuiThemeProvider, createMuiTheme } from "@material-ui/core/styles";
import AppBar from "@material-ui/core/AppBar";
import Tabs from "@mat
浏览 1提问于2021-06-09得票数 1
回答已采纳
我想合并两个网格(mesh1，mesh2)和多个纹理材质到一个网格(mesh3)。我加载了2个网格(网格正在渲染，纹理材质显示正常)
然后我做"Filter -> Mesh Layer -> Flatten layers“。
结果网格的结构看起来很好，但纹理材质从渲染模型中消失。
我将合并后的网格导出为.obj文件，这将创建一个mesh3.obj、mesh3.mtl文件
如果我用meshlab重新打开mesh3.obj，只显示第一个原始网格( mesh1 )的材质，并且mesh2的一部分使用mesh1中错误的纹理渲染。
请注意，mesh1.mtl mesh2.mtl材质名称
浏览 3提问于2018-05-10得票数 1
我一直试图为阿凡达组件的材质用户界面制作一个盒子阴影。我在文档中看到了：https://material-ui.com/system/shadows/#shadows，我应该使用类似于boxShadow={1}和导入阴影：import { shadows } from '@material-ui/system';之类的东西，但是它对我是有用的。
浏览 3提问于2020-12-01得票数 0
回答已采纳
我使用的是threejs，目前正尝试在一个网格中添加两种材质。第一种材质具有颜色，第二种材质具有画布纹理。为此，我将两种材质添加到一个数组中，然后将网格的材质设置为该数组。除了网格顶部有一个看起来像的闪闪发光的阴影外，这个效果很好
创建两种材质的简化代码，其中一种使用画布纹理作为其贴图。然后将这两种材质添加到数组中，然后添加到网格中。
const canvasTexture = new THREE.CanvasTexture(
ctx.canvas,
THREE.UVMapping,
THREE.LinearFilter,
THREE.LinearMipMapL
浏览 7提问于2019-10-23得票数 0
我有许多纹理网格，所以它们必须有不同的材料。似乎只有两种方法可以裁剪:全局裁剪和按材质裁剪。
但是，我希望一些可视化工具不被剪裁(例如，我正在操作的定义剪裁平面的平面)，但所有其余的网格都要被剪裁。因此，我想使用全局裁剪，但不希望对3D UI的某些部分(特定对象)进行裁剪。这个是可能的吗？
浏览 5提问于2017-12-06得票数 0
我从WorldForge下载了模型，我可以将地精的网格引入到我的场景中，但纹理和材质无法渲染：
我使用eclipse，添加的文件如下所示：
我在代码中添加小精灵的方法如下
Spatial model3 = assetManager.loadModel("objects/creatures/goblin/goblin.mesh.xml");
model3.setLocalTranslation(-30.0f, 4.5f, 0.0f);
rootNode.attachChild(model3);
你能帮我改进一下小精灵吗？文件中有几个纹理和材质定义，但我的场
浏览 1提问于2012-07-11得票数 0
回答已采纳
1回答
如何使用ionic为我的应用程序制作布局？
我想在一个响应式网格中做一个布局，就像这个例子图片一样。
浏览 2提问于2017-06-09得票数 0
我正在将GLTF模型加载到threejs中。对象上使用的所有材质(其中有相当多)都使用网格基本材质，我们希望它们是可以受灯光影响的材质。是否有一种方法可以将所有材质从基本材质转换为可以接收灯光的材质，如Phong (包括其现有属性？)。
我现在可以添加一个新材料，如下所示：
glb.scene.traverse(child => {
if (child.isMesh) {
//child.material = new THREE.MeshPhongMaterial({ flatShading: true });
}
});
浏览 100提问于2020-05-11得票数 1
回答已采纳
我刚接触React和Material UI，我一直在努力尝试将我现在拥有的Mini Variant抽屉与响应式抽屉连接起来，所以当你在手机上使用它时，它会变成响应式抽屉。如果有人能帮助我，这对我来说意义重大，我试过了，但我总是失败。这也将帮助我获得与抽屉进一步联系的知识。
下面是我在Mini Variant that中使用的代码：
import React, {useState} from 'react';
import clsx from 'clsx';
import { makeStyles } from '@material-ui/core/sty
浏览 19提问于2021-09-06得票数 0
我发现每个网格都有textureCoordsi形式的textureCoords，其中"i“是vertexID，"j”是纹理channelID，它说明使用的是材质中的哪个特定纹理。
我知道我可以使用material->GetTexture(aiTextureType_DIFFUSE，n，&texturePath)找到网格使用的纹理，但是我如何获得channelID，以及我对"j“表示channelID的理解是否正确？
浏览 0提问于2016-08-21得票数 0
1回答
因此，我使用“KeystoneJS react生成器”作为我的应用程序的框架，以及预定义组件的“Material”。我只是尝试将这些组件分离到不同的文件中，并将它们包含到主应用程序页面上的一个呈现函数中，但它们只是不会呈现，而是得到一个空白页，控制台中没有错误。
请注意，如果我只是将一堆组件扔到我的application.jsx中，我就可以让组件运行，所以我假设我在导入/导出时做错了什么。非常感谢你的帮助，这里的代码..
// application.jsx
/** @jsx ReactDOM.DOM */
import ReactDOM from 'react';
impo
浏览 2提问于2016-02-09得票数 0
回答已采纳
我试图创建响应的侧栏使用反应材料设计，但无法找到一个方法来做它。
当侧边栏打开时，页面内容应该是响应的，侧边栏不应该覆盖在页面内容上。
它应该看起来像。
到目前为止，守则是：
import React from 'react';
import Drawer from 'material-ui/Drawer';
import AppBar from 'material-ui/AppBar';
import RaisedButton from 'material-ui/RaisedButton';
浏览 13提问于2017-05-06得票数 2
回答已采纳
如何在reactjs中重定向到另一个页面。这是我的代码。
import React from 'react';
import { fade, makeStyles } from '@material-ui/core/styles';
import AppBar from '@material-ui/core/AppBar';
import Toolbar from '@material-ui/core/Toolbar';
import IconButton from '@material-ui/core/IconBut
浏览 5提问于2019-08-13得票数 0
回答已采纳
我是Material-UI的新手，我希望有这个网格组件的基本实现：
但是到目前为止，我还不能正确地将网格项目居中。我尝试了不同的方法，但都没有奏效。这是我到目前为止的代码：
<Grid container direction="column">
<Grid item>
<AppBar position="static">
<Toolbar>MY APP</Toolbar>
</AppBar>
</Grid>
<Grid it
浏览 7提问于2021-03-10得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
