reactjs 相关问题

如果已经有一个 div className 作为应用程序，为什么我需要员工片段？不是已经在单父元素下了吗返回（ <... 如果已经有一个 div className 作为应用程序，为什么我需要员工片段？不是已经在单父元素下了吗<div className="app"> return ( <div className="app"> { showEMployees ? <> <Employee /> <Employee /> <Employee /> </> : <p> YO YOU CANT ACCESS IT BRO</p> } </div> ); 我尝试删除 div classname 应用程序，但它说它仍然需要父元素。我删除了该片段，它也说了同样的事情。从技术上讲：因为底层 JavaScript 中没有语法元素可以容纳三个相邻元素。 /* @jsx r */ <div> {showEMployees ? ( <> <Employee /> <Employee /> <Employee /> </> ) : ( <p> YO YOU CANT ACCESS IT BRO</p> )} </div> 编译为 r( "div", null, showEMployees ? r( React.Fragment, null, r(Employee, null), r(Employee, null), r(Employee, null), ) : r("p", null, " YO YOU CANT ACCESS IT BRO"), ); 看到React.Fragment元素是如何注入来容纳孩子的吗？（当通过 React 渲染为 HTML 元素时，该片段“消失”。）如果您没有使用片段，它会编译为 (r(Employee, null), r(Employee, null), r(Employee, null)) 这只是逗号运算符，最终你只会得到一个 Employee 元素。您也不应该将数组用于静态数量的元素。您收到的错误消息是因为 JSX 要求有一个父元素包装组件内的所有元素。因此，即使您删除了片段 (<> ... )，您仍然应该有一个包含组件内所有元素的父元素。在您的情况下，如果您想保留“app”类作为父元素，您应该避免删除它。但是，您可以消除片段并使用另一个元素作为容器。例如： return ( <div className="app"> {showEmployees ? ( <div> <Employee /> <Employee /> <Employee /> </div> ) : ( <p>YO YOU CAN'T ACCESS IT BRO</p> )} </div> ); 这样，您就有一个父元素（带有“app”类），其中包含 showEmployees 为 true 时的元素和 showEmployees 为 false 时的段落。如果您希望员工元素直接嵌套在“app”类的 div 中，则需要将“app”div 保留为直接父级。但是，由于 JSX 需要 JSX 元素有一个父元素，因此您可以使用不同的方法，使用元素数组而不是片段。 return ( <div className="app"> {showEmployees ? [ <Employee key={1} />, <Employee key={2} />, <Employee key={3} />, ] : <p>YO YOU CAN'T ACCESS IT BRO</p> } </div> ); 我希望这可以帮助你

javascript html reactjs parent-child

回答 3 投票 0

如何为选项卡添加滚动功能

目前，我可以在单击并拖动 AriaTab 之间的边距空间时进行滚动。一旦我点击 AriaTab，它就会注册为一次点击。当我点击

javascript reactjs

回答 1 投票 0

输入 '{ closeCallback: MouseEventHandler<HTMLElement>; }' 不可分配给类型 'IntrinsicAttributes & MouseEvent

在下面的组件中，我显示了一个对话框，该对话框采用 closeCallback 函数作为道具。基本模型的代码基本上接受此道具并在单击十字按钮时调用它。但是...

reactjs typescript remix.run

回答 1 投票 0

[project]/src/styles/globals.css 中出现意外标记 Delim('$')

我正在使用 Nextjs 和 TailwindCSS。我尝试使用 AceternityUI 库组件，并认为这会导致此错误。或者可能不是？您可以参考 AceternityUI 的安装文档

reactjs typescript next.js

回答 1 投票 0

如何在NextJS的应用程序目录中创建加载指示器或进度条？

我用 NextJS 13 开发了一个大型 Web 应用程序，第一个版本是使用 Pages Router。完成几乎整个网站后，我设法迁移到应用程序目录。这个

javascript reactjs typescript next.js material-ui

回答 2 投票 0

json 日期格式从 2001-09-10T21:00:00.000Z 转换为 YYYY-MM-DD

我得到了这个json文件 { 其他论点 "发布年份": "9/11/2001", 其他论点 }, releaseYear 参数的格式与前端中的格式相同...

javascript reactjs mongoose

回答 1 投票 0

错误：函数组件不能有字符串引用。我们建议使用 useRef() 代替

我在我的 React 应用程序中使用 ace Editor 并收到上述错误。我想将我在 React 应用程序中使用的 Ace Editor IDE 的内容从通过 ... 触发的函数调用中放入

javascript reactjs web-deployment ace-editor

回答 2 投票 0

使用react-pdf下载PDF

我正在使用react-pdf来渲染Pdf文件，它工作得很好。下面是相同的代码：我正在使用react-pdf来渲染Pdf文件，它工作得很好。下面是相同的代码： <Document inputRef={documentRef} file={pdfUrl} error={() => {}} onLoadSuccess={(params) => { console.log('paramsparams => ', params); }} > <Page renderTextLayer={true} renderAnnotationLayer={true} customTextRenderer={false} pageNumber={1} renderForms={true} /> </Document> <button onCLick={()=>// access updated pdf buffer }>Save</button> 这是与表单字段一起渲染文本层。由于 pdf 有表单字段，我希望我的用户填写它，并且我应该能够存储填充的 pdf 的副本。当前用户可以填写详细信息，但如何访问更新的 pdf 缓冲区对象，该对象应包含带有填充表单的 pdf，以便我可以在服务器上创建和存储 pdf？ GPT4：要使用react-pdf保存更新后的带有填写表单字段的PDF，您需要使用能够编辑PDF的库来补充它，例如pdf-lib。这是一个简化的方法：捕获表单输入：在应用程序逻辑中处理表单输入并将其存储在状态中。修改PDF：用户完成表单后，使用pdf-lib打开原始PDF，使用新的表单数据对其进行修改，并将更新后的PDF保存在内存中。保存或上传 PDF：将更新的 PDF 转换为适合存储或传输的格式（如 Blob），并允许用户下载或将其发送到您的服务器。此方法涉及单独处理表单逻辑，然后在保存或上传更新版本之前将更改应用到 PDF。

javascript reactjs react-hooks react-pdf react-pdf-viewer

回答 1 投票 0

使用 Redux 使用 Expo 50 来调试 React Native 选项

如果可能的话，只是寻求意见，我一直在 Expo 中使用 React Native 和 Redux。 Expo 50 已发布，其中已弃用 React Native 调试器。 React Native 调试器很棒，因为...

reactjs debugging expo native

回答 1 投票 0

尝试使用 Astro 在 React 中渲染 Tiptap

我正在尝试在 Astro 中使用 React 渲染 Tiptap 富文本框。我正在遵循一个在 Next 上做这件事的人的教程，但我想我可以在 Astro 上做同样的事情，因为它是

reactjs typescript astrojs tiptap

回答 1 投票 0

NextJS 和 Firebase 托管 - 直接访问动态路由，在生产环境中重定向到 index.js

我还没有找到任何关于此行为的文档，但这里是...... 基本上我已经建立了一个index.js页面和一个动态[address].js页面。我在这里面临的问题是，每当我访问...