推荐最新

请问在对React项目做状态管理，您们都是使用什么方案呢？

请问在对React项目做状态管理，您们都是使用什么方案呢？ React有若干种状态管理的方案，官方使用的Redux/ Redux-Toolkit 是官方推荐的，请问您们的解决方案是怎么使用的呢？是否还有比较方便容易使用的方案？

浏览量366

想要global覆盖样式：app/pages/components/AntdCustomStyle/index.module.css Unknown word？

想要覆盖antd的默认样式， // AntdCustomStyle/index.module.css :global( .ant-tabs-tab { background-color: red; } ) // AntdCustomStyle/index.tsx import React, { useState } from 'react' import {Tabs} from 'antd' import './index.module.css' const initialItems = [ { label: 'Tab 1', children: 'Content of Tab 1', key: '1' }, { label: 'Tab 2', children: 'Content of Tab 2', key: '2' }, { label: 'Tab 3', children: 'Content of Tab 3', key: '3', closable: false, }, ]; function index() { const [items, setItems] = useState(initialItems); return ( ) } export default index 但是却报错如下： ./pages/components/AntdCustomStyle/index.module.css:3:3 Syntax error: /Users/john/Desktop/Test/js/typescript/ts-test01/my-app/pages/components/AntdCustomStyle/index.module.css Unknown word 1 | 2 | :global( > 3 | .ant-tabs-tab { | ^ 4 | background-color: red; 5 | } "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250105/983393a4ab9dca85d93fa3bc9f24ad04.png) 请问这是哪里有问题啊，应该就是这样写的？ *** 编辑1 感谢：然后去远足的回复。但是我这样做之后还是报错： :global(.ant-tabs-tab ){ background-color: red; } 或者 .myClass { :global(.ant-tabs-tab ){ background-color: red; } } "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250105/7a204d535091b852023a3068a53da58d.png)

浏览量386

正确计算方式

请问如何进行Props约束某个JSX字段的值呢？

大家好，请问想要定义Props，有一个child，我想要固定格式的（如下：一定要有Breadcrumb，然后其他的内容可以自定）： ... ... 但是我只知道使用 React.ReactNode 约束数据类型，但是这个不能保证我上面的JSX格式： type MyCmponentProps = { title: string, child: React.ReactNode }

浏览量325

PunkMaccccc

官网项目纯html怎么工程化打包部署？

公司官网项目，html+jquery+css+图片，如何工程化打包部署？

浏览量318

我爱上班

React中使用@emotion/css时VSCode语法高亮和注释问题如何解决？

react 中使用 @emotion/css 这种 css in js的会导致我vscode 语法解析出问题颜色还有注释都有问题了, 需要装什么插件解决? "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250121/65443a37ef2ffd91d8fa16ac7e2b16d1.png) 安装了好几个关于 react 或 css injs 的 vscode 插件都不行 (typescript-styled-plugin 也试过不行) 这个是正常的 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250121/32d402fd10107707016c6c7dde6dff9d.png)

浏览量302

kunkun小黑子

babel报错Invalid typeof value: array, 是bug还是特性？

原因是写了typeof xxx == 'array', 虽然不能这么用，但是也不应报错啊，这是babel的bug还是特性？ Invalid typeof value: array at createTypeAnnotationBasedOnTypeof (C:\Front\fe\node_modules\@babel\types\lib\builders\flow\createTypeAnnotationBasedOnTypeof.js:29:9) at inferAnnotationFromBinaryExpression (C:\Front\fe\node_modules\@babel\traverse\lib\path\inference\inferer-reference.js:107:10) at getConditionalAnnotation (C:\Front\fe\node_modules\@babel\traverse\lib\path\inference\inferer-reference.js:138:20) at getTypeAnnotationBindingConstantViolations (C:\Front\fe\node_modules\@babel\traverse\lib\path\inference\inferer-reference.js:35:20) at NodePath._default (C:\Front\fe\node_modules\@babel\traverse\lib\path\inference\inferer-reference.js:22:14) at NodePath._getTypeAnnotation (C:\Front\fe\node_modules\@babel\traverse\lib\path\inference\index.js:77:22) at NodePath.getTypeAnnotation (C:\Front\fe\node_modules\@babel\traverse\lib\path\inference\index.js:41:15) at NodePath.ConditionalExpression (C:\Front\fe\node_modules\@babel\traverse\lib\path\inference\inferers.js:117:49) at NodePath._getTypeAnnotation (C:\Front\fe\node_modules\@babel\traverse\lib\path\inference\index.js:77:22) at NodePath.getTypeAnnotation (C:\Front\fe\node_modules\@babel\traverse\lib\path\inference\index.js:41:15) at NodePath.VariableDeclarator (C:\Front\fe\node_modules\@babel\traverse\lib\path\inference\inferers.js:62:27) at NodePath._getTypeAnnotation (C:\Front\fe\node_modules\@babel\traverse\lib\path\inference\index.js:77:22) at NodePath.getTypeAnnotation (C:\Front\fe\node_modules\@babel\traverse\lib\path\inference\index.js:41:15) at getTypeAnnotationBindingConstantViolations (C:\Front\fe\node_modules\@babel\traverse\lib\path\inference\inferer-reference.js:44:28) at NodePath._default (C:\Front\fe\node_modules\@babel\traverse\lib\path\inference\inferer-reference.js:22:14) at NodePath._getTypeAnnotation (C:\Front\fe\node_modules\@babel\traverse\lib\path\inference\index.js:77:22) at NodePath.getTypeAnnotation (C:\Front\fe\node_modules\@babel\traverse\lib\path\inference\index.js:41:15) at NodePath.isGenericType (C:\Front\fe\node_modules\@babel\traverse\lib\path\inference\index.js:136:21) at PluginPass.ForOfStatement (C:\Front\fe\node_modules\@babel\plugin-transform-for-of\lib\index.js:143:48) at newFn (C:\Front\fe\node_modules\@babel\traverse\lib\visitors.js:159:14) at NodePath._call (C:\Front\fe\node_modules\@babel\traverse\lib\path\context.js:46:20) at NodePath.call (C:\Front\fe\node_modules\@babel\traverse\lib\path\context.js:36:17) at NodePath.visit (C:\Front\fe\node_modules\@babel\traverse\lib\path\context.js:82:31) at TraversalContext.visitQueue (C:\Front\fe\node_modules\@babel\traverse\lib\context.js:86:16) at TraversalContext.visitMultiple (C:\Front\fe\node_modules\@babel\traverse\lib\context.js:61:17) at TraversalContext.visit (C:\Front\fe\node_modules\@babel\traverse\lib\context.js:107:19) at traverseNode (C:\Front\fe\node_modules\@babel\traverse\lib\traverse-node.js:22:17) at NodePath.visit (C:\Front\fe\node_modules\@babel\traverse\lib\path\context.js:88:52) at TraversalContext.visitQueue (C:\Front\fe\node_modules\@babel\traverse\lib\context.js:86:16) at TraversalContext.visitSingle (C:\Front\fe\node_modules\@babel\traverse\lib\context.js:65:19) at TraversalContext.visit (C:\Front\fe\node_modules\@babel\traverse\lib\context.js:109:19) at traverseNode (C:\Front\fe\node_modules\@babel\traverse\lib\traverse-node.js:22:17) at NodePath.visit (C:\Front\fe\node_modules\@babel\traverse\lib\path\context.js:88:52) at TraversalContext.visitQueue (C:\Front\fe\node_modules\@babel\traverse\lib\context.js:86:16) at TraversalContext.visitSingle (C:\Front\fe\node_modules\@babel\traverse\lib\context.js:65:19) at TraversalContext.visit (C:\Front\fe\node_modules\@babel\traverse\lib\context.js:109:19) at traverseNode (C:\Front\fe\node_modules\@babel\traverse\lib\traverse-node.js:22:17) at NodePath.visit (C:\Front\fe\node_modules\@babel\traverse\lib\path\context.js:88:52) at TraversalContext.visitQueue (C:\Front\fe\node_modules\@babel\traverse\lib\context.js:86:16) at TraversalContext.visitMultiple (C:\Front\fe\node_modules\@babel\traverse\lib\context.js:61:17) at TraversalContext.visit (C:\Front\fe\node_modules\@babel\traverse\lib\context.js:109:19) at traverseNode (C:\Front\fe\node_modules\@babel\traverse\lib\traverse-node.js:22:17) at NodePath.visit (C:\Front\fe\node_modules\@babel\traverse\lib\path\context.js:88:52) at TraversalContext.visitQueue (C:\Front\fe\node_modules\@babel\traverse\lib\context.js:86:16) at TraversalContext.visitMultiple (C:\Front\fe\node_modules\@babel\traverse\lib\context.js:61:17)

浏览量504

Yourselffff

React 我想要一个弹窗没有遮罩弹出来也可以点击页面的，antd不太行有没有推荐的UI库?

还有表格 antd连虚拟滚动都没有完善，我还想要可编辑行、可拖动排序的功能，都不好用，还得自己封装。 vue的话我用过一个vxe-table，比element UI 好用得多，react求推荐！

浏览量327

楠楠不难难

请问为何antd/dropdown的menu属性传递调用函数生成items会报错呢？

我有如下的代码使用antd/Dropdown组件： "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241223/b73225c915891770fcdb2f2b71a45476.png) const items: MenuProps["items"] = [ { label: { console.log('收藏: ') }}>收藏, key: '0', }, { label: 2nd menu item, key: '1', }, { type: 'divider', }, { label: '3rd menu item', key: '3', }, ]; ... { updateIsOpenObj(nodeData.key, false) }} > { e.preventDefault() }}> 这样使用是没有问题的：调用打开dropdown： "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241223/903a82035683cb38059a343aff620f78.png) 但是我修改为此代码（使用"genDropdownItems()"生成items，而不直接传递items，就会报错）： // 生成dropdown的key const genDropdownItems = (key: string | number): MenuProps["items"] => { const items: MenuProps["items"] = [ { label: { console.log('收藏: ', key) }}>收藏, key: '0', }, { label: 2nd menu item, key: '1', }, { type: 'divider', }, { label: '3rd menu item', key: '3', }, ]; return items } { updateIsOpenObj(nodeData.key, false) }} > { e.preventDefault() }}> 报错结果： "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241223/7f99b72d236a0909df54f8d94e4fd188.png) Unhandled Runtime Error Error: React.Children.only expected to receive a single React element child. Call Stack Object.onlyChild [as only] ... at PathnameContextProviderAdapter (webpack-internal:///../node_modules/.pnpm/registry.npmmirror.com+next@13.5.2_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/shared/lib/router/adapters.js:79:11) at ErrorBoundary (webpack-internal:///../node_modules/.pnpm/registry.npmmirror.com+next@13.5.2_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/compiled/@next/react-dev-overlay/dist/client.js:2:5389) at ReactDevOverlay (webpack-internal:///../node_modules/.pnpm/registry.npmmirror.com+next@13.5.2_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/compiled/@next/react-dev-overlay/dist/client.js:2:7785) at Container (webpack-internal:///../node_modules/.pnpm/registry.npmmirror.com+next@13.5.2_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/client/index.js:78:1) at AppContainer (webpack-internal:///../node_modules/.pnpm/registry.npmmirror.com+next@13.5.2_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/client/index.js:182:11) at Root (webpack-internal:///../node_modules/.pnpm/registry.npmmirror.com+next@13.5.2_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/client/index.js:396:11) React will try to recreate this component tree from scratch using the error boundary you provided, ErrorBoundary.

浏览量315

金刚老六

React 的props传递是否只能传递对象，而不能传递数组？

React 的props传递是否只能传递对象，而不能传递数组？我有如下的数组数据： const treeData: DataNode[] = [ { title: 'parent 0', key: '0-0', children: [ { title: 'leaf 0-0', key: '0-0-0', isLeaf: true, selectable: false }, { title: 'leaf 0-1', key: '0-0-1', isLeaf: true, selectable: false }, ], selectable: false, icon: false, switcherIcon: 'o', }, { title: 'parent 1', key: '0-1', children: [ { title: 'leaf 1-0', key: '0-1-0', isLeaf: true, selectable: false }, { title: 'leaf 1-1', key: '0-1-1', isLeaf: true, selectable: false }, ], selectable: false, icon: false }, ]; 传递数据到： ... 我在组件内接受的时候，会变成对象： "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241229/7661ce48975ef2df27c8703ef77fbf7f.png) 所以，是否React 的props传递是否只能传递对象，而不能传递数组？如果想要传递数组应该怎么传递呢？对treeData 进一步封装是吗？

浏览量341

winkkkkk9421

阿里云oss图片不支持浏览器缓存？

项目中有图库功能，用户可以上传自己的图片到阿里云oss，然后有个图库，图库用react-window实现了虚拟列表去滚动。比如接口请求回来100条数据，100张图片在虚拟列表中滚动。滚动到下面，再滚动到上面时，发现图片没有http缓存，每次新的图片出来http状态都是200，都需要几十毫秒去请求，阿里云oss能不能设置让浏览器支持http缓存，这样已经加载过的图片，就不用再次http请求了。

浏览量255