我使用 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
我们正处于该项目的初始阶段，因此现在我们只是想弄清楚如何最好地开始。我们想要创建一个 React 组件的 UI 库，我们想要做的是创建该库，以便您可以直接导入一个元素，以便：// badimport {Button} from '@mycompany/uilib'// goodimport Button from '@mycompany/uilib/Button'这是个大问题。因此，我们正在寻找几
2019-07-23
我想创建一个新的 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
我正在使用 rollup (v2.13.1)，导出我的 React 库一切正常，但是，我相信我在供应商 js 文件中使用了整个库，而不仅仅是我正在使用的组件。当我运行工具分析时，该库似乎有点大。似乎我没有正确地处理模块，还是？package.json 构建命令：“build”：“rollup -c”，这是我的 Rollup 配置，我遗漏了什么或做错了什么？And I am using it in
我一直在努力将我们现有的 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 构建一个 UI 库，但遇到了一些麻烦。目前我正在使用 typescript 和 rollup，我可以捆绑单个index.js，并且可以导入这些组件，但它正在导入整个库。目前：文件结构：src--components-----button-------button.tsx-------button.types.ts-----input-------input.tsx--
2022-03-02
我有一个模式，当用户点击“获取 GEO”按钮时会弹出。模式中有一个按钮，该按钮应该导航到 UserScreen，但我收到错误：无法读取属性“navigate”未定义。如果我将按钮放在class WelcomeScreen extends Component中，该按钮可以正常工作。提前致谢。以下是代码：WelcomeScreen：import React, { Component } from "r
2018-05-22
我正在使用 Firebase 和 react-native 来验证用户身份。我的主要文件是 App.js，我将用户发送到 Login 组件，并且我有两个组件来管理路由。Appnavigator.js 用于创建 switchNavigator，DrawerNavigator.js 用于 createDrawernavigator。身份验证后，我想将用户发送到一个内部组件（Admin）。以下是特定页面
2020-03-04
我正在制作一个口袋妖怪图鉴，我希望用户能够从FlatList单击一个口袋妖怪，然后转到该口袋妖怪的详细信息页面。但是，navigation.navigate 在基于类和函数的视图中均不起作用。我查看了文档，它使用了我尝试实现的方法。出了什么问题？App.jsimport * as React from 'react';import {NavigationContainer} from '@reac
2020-09-28
我在Books.js中的 Stack 导航器中有四个屏幕：function Books(props) {return (<Stack.Navigator><Stack.Screen name="Home" component={BooksMenu} /><Stack.Screen name="Order Book" component={BookOrder} /><Stack.Screen nam
2021-03-02
我正在使用material-table构建一个表格。下面是一个如何构建表格的示例：https://material-table.com/#/docs/features/filtering我试图在data中传递一个数组来填充我的Userlist数组中的字段。我的componentDidMount()函数中有这个 pnp.sp.web.lists.getByTitle("Team").items
2020-03-18