react-props 相关问题

我正在使用@hello-pangea/dnd（react-beautiful-dnd fork）来创建拖放列表。问题是，我正在使用这个自定义道具我正在使用@hello-pangea/dnd（react-beautiful-dnd fork）来创建拖放列表。问题是，我正在使用这个自定义道具 <Draggable draggableId={section.id} index={index} type="section"> //type <- new/ custom prop 但是，它不存在于类型“IntrinsicAttributes & DraggableProps”上。由于这个错误，我无法构建应用程序，但是，我设法做的是将其添加到类型中 type DraggableChildrenFn = (provided: DraggableProvided, snapshot: DraggableStateSnapshot, rubic: DraggableRubric) => ReactNode | null; interface DraggableProps { draggableId: DraggableId; index: number; children: DraggableChildrenFn; isDragDisabled?: boolean; disableInteractiveElementBlocking?: boolean; shouldRespectForcePress?: boolean; type?: string; <- this type } 应用程序现在可以在本地构建，但在 Vercel 上，我仍然收到该错误。我尝试做的是，将 dnd 类型的路径添加到 github node_modules\.pnpm\@[email protected]_@[email protected]_@[email protected][email protected][email protected]\node_modules\@hello-pangea\dnd\dist\dnd.d.ts 我已设法将其添加到存储库，但是，在 vercel 上，它再次下载该包，并且我认为它与它重叠。我尝试过的另一件事是创建一个扩展 props 类型的接口，但它不起作用...... 我想保留该 type 属性，因为，我两次使用该组件来处理两个不同的事情，这使我可以跟踪我在哪里进行修改。 if (type === "section") { handleSectionDragDrop(source, destination, updatedSections); } else { handleTaskDragDrop(source, destination, updatedSections); } 设法解决问题：而不是： <Droppable droppableId={section.id} type="task"> 我做到了： <Droppable droppableId={`task|${section.id}`}> 然后，我可以使用以下类型： const type = result.droppableId.split('|')[0]

javascript reactjs github next.js react-props

回答 1 投票 0

将状态向下传递给映射的子元素

我是新来的，所以请友善。我有一个显示搜索术语的手风琴，我试图将一个状态传递给这个手风琴中的每个孩子，但我似乎无法切换状态......

javascript reactjs react-props react-state

回答 2 投票 0

将状态传递给映射的子元素 - React

我是新来的，所以请友善。我有一个显示搜索术语的手风琴，我试图将一个状态传递给这个手风琴中的每个孩子，但我似乎无法切换状态......

javascript reactjs react-props react-state

回答 2 投票 0

ReactJS 解析 json 文件时返回 props.value.map 不是函数

我正在尝试使用 PrimeReact 自学 ReactJS。我正在制作一个简单的应用程序来跟踪我拥有的钱包中的加密资产。我有这段代码来创建一个包含来自 json 文件的基本数据的表：

reactjs json datatable react-props primereact

回答 1 投票 0

如何在反应中设置我的电子商务网站中单个产品页面的路线？路线 ID 未定义

我正在创建一个电子商务网站，我想在其中为每个产品创建一个单独的产品页面。我在反应中使用了道具和地图来做到这一点。但主要问题是设置...

reactjs routes react-props react-map-gl

回答 1 投票 0

在 nextjs 中将属性从一个页面传递到另一个页面

我有一个虚拟项目。在我的项目中，我有两个页面。（test1和test2）我想将一个道具从page1传递到page2。我知道我可以使用useRouter钩子，但我不想将此道具设置为一个查询...

javascript reactjs next.js react-props

回答 3 投票 0

如何查看图片是否已加载？

我正在制作一个可以有儿童道具的旋转木马组件。在这种情况下我使用图像 ` {

reactjs image loading react-props children

回答 1 投票 0

将新定义的 props 传递给作为 props 传递的（功能）组件

假设我有一个如下所示的父组件：假设我有一个如下所示的父组件： <ParentComponent contentComponent={ <GenericContent content={<FormContent title="Content Title" formComponent={<ChildComponent />} />} /> } /> 现在，在我的 FormContent 组件中，我想将 props 传递给我的 formComponent，在本例中是 ChildComponent，但实际上可以是另一个组件。但是我知道我想要传递的 props 总是在 formComponent 组件中。 const FormContent = ({ title, formComponent, }: FormContentPropsType) => ( <> <Formik enableReinitialize validateOnChange={false} initialValues={{ ...formData, }} validationSchema={SandboxFormValidationSchema} onSubmit={sendForm} > {({ values, setValues, errors, setErrors, handleSubmit, }) => ( <Form> {/* Here I would like to use formComponent with the following props : formData={values} setFormData={setValues} formErrors={errors} setFormErrors={setErrors} handleSubmit={handleSubmit} */} </Form> )} </Formik> </> 我怎样才能实现这个目标？根据我对你的问题的理解，你想向子组件添加额外的道具。这可以使用 React.cloneElement() 来实现 <Form> React.cloneElement(fromComponent,{ formData={values} setFormData={setValues} formErrors={errors} setFormErrors={setErrors} handleSubmit={handleSubmit} }) </Form> React.cloneElement() 将元素（组件）、新的 props 和孩子作为参数。

javascript reactjs react-props formik

回答 1 投票 0

如何在react-native中获取Press上的Text组件值

我是一名新的 React-Native 开发人员。我想使用 onPress 获取 Text 组件的值并将其传递给函数。 this.display}>你好世界显示=（t...

javascript reactjs react-native react-props

回答 5 投票 0

样式化组件错误“看起来有一个未知的 prop“responsive”被发送到 DOM，这可能会触发 React 控制台错误。”

我正在使用反应数据表组件，这需要我安装样式组件。当我在传递列和数据道具后渲染数据表时，我的控制台上出现了各种错误...

reactjs styled-components react-props react-data-table-component dom-element

回答 3 投票 0

将“props”传递给子组件并有条件地渲染它

这是我的loginButton，它是另一个文件中Button 组件的包装器。 '使用客户端'；从 'next/navigation' 导入 { useRouter }；从'react'导入{useTransition}；接口