import { createMuiTheme, ThemeOptions } from '@material-ui/core/styles';const theme = (options: ThemeOptions) => {return createMuiTheme({palette: {primary: {main: '#b5ddd1'},secondary: {main: '#b2d9ea
2020-05-07
我试图制作一个简单的 React 天气应用程序，它工作正常但不正确，因为在添加 Material-ui 按钮之前它工作正常，现在只有当我单击 Enter 而不是单击按钮时它才工作，因为 Material-uiconst city = e.target.elements.city.value;此代码根本不起作用这里的表单组件就像 return (<div><form onSubmit={props
2020-05-21
我正在尝试将 Formik 与 Material-UI 文本字段一起使用。如下所示：import TextField from '@material-ui/core/TextField';import {Field,FieldProps,Form,Formik,FormikErrors,FormikProps} from 'formik';import React, { Component } f
2018-08-31
请原谅，我想了解并使用Formik实现某些功能。我有两个选择字段，我想将它们选定的值传递给formik值。它们的作用基本上是获取CountryArray及其对应的区域。我将它们创建为独立组件的原因是，这样我就可以将它们传递给Formik中的 Field 组件。我的国家数组来自import countries from "../data/c-r";。我还使用了react中的useState。但我知道
2020-11-19
我有一个包含 Formik 的表单，我想减少重新渲染，因此我使用了 FastField。我收到错误无法读取未定义的属性（读取“getFieldProps”），我不知道如何解决它。完整代码在这里我在这里和这里import React from "react";import ReactDOM from "react-dom";import { useFormik, FastField } from "
2022-03-09
我使用 formik react mui 技术并且此代码块给出Cannot read properties of undefined (reading 'fullName') const formik = useFormik({initalValues: {fullName: "",email:"",phone:"",select:"",message:""},onSubmit: (values)
2022-04-08
我目前正在使用 Material UI 和 ReactJS 开发一个 Meteor 项目。我想要做的是有一个文件，其中导入我项目中需要的所有 Material UI 组件，然后只需在需要使用 Material 的地方导入这个文件，而不必将所有单独的导出粘贴在每个文件的顶部。这可能吗？我对 ES6/2015 和导入/导出系统还很陌生，但我不确定我是否可以导入所有所述组件，然后以某种方式重新导出它们？
2016-04-10
我的团队使用 ReactMaterialUI库。为了提供一致的 UI 模式并让我们能够轻松自定义 MaterialUI 的组件，我们将每个 MaterialUI 的组件包装在我们自己的组件中。例如：const style = {} // our project custom style for ListItemTextconst OurListItemText = ({primary, secon
2018-05-05
我有重复的代码，基本上控制凸起的背景。我更喜欢一个 onMouseOver 和 OnMouseOut 函数，这样代码会更具可读性。我认为这应该是一个自定义钩子，但不确定如何做到这一点。谢谢const [descRaised, setDescRaised] = useState(false);const descOnMouseOver = () => { setDescRaised(true) }c
2019-07-15
我想将Material UI集成到我的 Svelte 项目中。我尝试按照此处的官方文档进行操作，但我不知道为什么在尝试运行我的项目时会出现奇怪的错误：loaded rollup.config.js with warnings(!) Unused external importsdefault imported from external module 'rollup-plugin-postcss'
2020-01-30
我想创建一个新的 npm 包，以便我可以导出所有 @material-ui/core 组件，但主题是我自己喜欢的。目前使用 typescript 和 rollup，但失败了。这是我的代码index.tsexport { Button } from '@material-ui/core';package.json{"name": "@ripley-ui/core","version": "1.0.0
2020-07-23
我一直在努力将我们现有的 React FE 组件从主存储库中拉出，并将其放入一个单独的存储库中，并与汇总捆绑在一起。我们的旧代码使用的是makeStyles，我已经将其切换到styled-components，但仍保留以前的 MUI 主题。我已经设置了 Storybook，并将其包装在样式化组件主题提供程序中，以便访问样式化组件内的主题。结构看起来像components\srcindex.ts(i
2021-08-21
我正在尝试让 Material-ui 正确地进行 tree-shaking。与我实际使用的相比，这个包非常大。我没有使用下面分析器插件列出的大多数组件，而是按照material-ui文档中的说法导入了所有内容。例如，这是我的一个文件中的内容。import Button from '@material-ui/core/Button';import CssBaseline from '@materia
2021-09-10
我有一个 React 管理项目，并为传递到bulkActionButtons属性的列表视图实现了一个自定义按钮，如下面文档所述：https://marmelab.com/react-admin/List.html#bulk-action-buttonsconst BulkUserActions = props => (<MakeAdminButton {...props}/>);const Use
2019-01-07
我是 Typescript 的新手，非常困惑，有人能帮忙吗？所以我在 React 项目中将 Material-ui 与 Typescript 结合使用。如果有人想以“正确”的方式添加新颜色，他们必须将其添加到主题中：const theme = createMuiTheme({palette: {primary: {main: blue[400]},secondary: {main: green[5
2021-05-26