react-props 相关问题

ReactJS是由facebook开发的JS库。道具是反应组件中使用的变量。在对反应道具的使用有疑问时使用标签。

从 'react' 导入 React, { useContext, useState }; 从 '../components/Main' 导入 Main；从 '../components/Row' 导入行；从“../requests”导入请求；从 '../lib/

reactjs react-props

回答 1 投票 0

类型错误：setOpenModal 不是函数

我正在尝试制作一个登录模式弹出窗口，该弹出窗口将在单击导航栏内的按钮时显示。但是，我收到以下错误：类型错误：setOpenModal 不是函数即使看了我之后...

javascript reactjs react-hooks typeerror react-props

回答 3 投票 0

显示无法读取未定义的读取名称的属性

常量页面=（道具）=> { const slug = props.params.id // 控制台.log(slug) const [showModal, setShowModal] = useState(false) // const [pDetail, setPDetail] = useState(null) ...

dynamic react-props strapi next

回答 0 投票 0

在一个页面导入2个组件时Toast消息出现两次

我有这个奇怪的问题，这是我第一次遇到它。我创建了一个使用 Redux 工具包处理应用程序创建的按钮。根据 UI 设计，按钮应该出现在...

javascript jquery reactjs redux react-props

回答 0 投票 0

从 React 孙组件中删除的问题

我在使用传递给具有所有必要道具的孙子的 handleDelete 函数时遇到问题。我的组件的结构可以是：Deck > CardSlider > Card 或 De...

reactjs typescript event-handling components react-props

回答 0 投票 0

继承的道具不会被改变

我在 App.js“score”中创建了一个道具。它由 Gameboard.js 继承，然后到 Endscene.js。现在，当道具更新时，Gameboard.js 中的“分数”不会改变。我也继承...

reactjs react-hooks react-props

回答 0 投票 0

使用 javascript 完成动态更新时，更新 React 组件中的子道具

我有一个 DynamicRenderApp 组件，它有两种模式滚动和非滚动模式。如果内部子内容高度超过一定高度（例如：100px），则视图切换为滚动...

javascript reactjs react-props react-proptypes resize-observer

回答 0 投票 0

在 React Native 中获取来自 firebase 存储的图像列表

我正在尝试从我的 Firebase 存储中获取图像列表，但它不起作用。所以我尝试控制台记录图像列表，但我收到“错误：[错误：[存储/对象未找到...

reactjs react-native react-props

回答 1 投票 0

无法通过父回调（案例数组和推送）看到子组件的更新

如题。我尝试通过父级给出的回调从子级设置组件状态。演示在 https://codepen.io/jadecubes/pen/wvYxKEL 回调看起来像 A = () => { const [信息，设置...

reactjs react-props

回答 2 投票 0

React 中的地图正在渲染所有项目的所有图像，而不是显示一个项目的图像

我正在创建一个投资组合网站。当用户点击项目卡上的“查看更多”时，我试图做到这一点，将会弹出一个显示该特定项目的更多图像的窗口。呵呵...

javascript reactjs arrays dictionary react-props

回答 0 投票 0

无法将 codemirror 组件中的值传递给 useState 钩子

所以我试图将值从 codemirror 组件的文本字段发送到称为 setendpoint 的父组件使用状态，在该端点中我有像 {url = "", headers ...

reactjs react-hooks react-props text-editor codemirror

回答 0 投票 0

使用 SolidJS 将属性从 API 传递到另一个组件

访问链接后，我试图在另一个组件中显示搜索到的书籍描述，但是当我访问它时，描述没有显示。我试图通过描述道具...

javascript react-props solid-js google-books-api

回答 0 投票 0

逆向数据流：不能通过 props 将函数从父级传递给子级

我正在尝试创建一个 pokedex 应用程序。在我的 app.js 中，我使用 useEffect 进行 API 调用，然后使用子组件详细说明每张卡片。我想做的是当用户点击卡片时，应用程序...

javascript reactjs components google-cloud-dataflow react-props

回答 2 投票 0

将 React 组件作为 props 传递给另一个组件时带和不带结束标记的区别

我试图弄清楚在 React 中将一个组件传递给另一个带有和不带有闭合标签的组件之间有什么区别。这是语法。 ... 我试图找出在 React 中将一个组件传递给另一个带有和不带有闭合标签的组件之间的区别。这是语法。 <div className="App"> <RegularList list={smallList} comp={SmallList}/> </div> 和 <div className="App"> <RegularList list={smallList} comp={<SmallList/>}/> </div> 在 React 中，将一个组件传递给另一个带有和不带结束标记的组件会影响组件的渲染方式。当你传递一个组件而不关闭标签作为 prop 时，这意味着你正在传递对该组件的引用。这意味着该组件不会立即渲染，而是将其引用传递给父组件，并在需要时渲染。另一方面，当您传递带有结束标记的组件作为 prop 时，您传递的是该组件的实际实例。这意味着该组件将立即呈现，其输出将传递给父组件。所以在您提供的示例中，当您将带有结束标记的<SmallList/>作为道具传递给RegularList组件时，它将创建一个SmallList组件的实例并立即呈现它。而当你传递 SmallList 而没有关闭标签作为 prop 时，它将传递对 SmallList 组件的引用，并在需要时进行渲染。在大多数情况下，首选传递组件而不关闭标签，因为它通过避免不必要的渲染来实现更好的性能。但是，在某些情况下可能需要传递带有结束标记的组件，例如当您需要将 props 传递给组件时。

javascript reactjs components react-props

回答 1 投票 0

我将 PostToRender 作为道具传递给 Post 组件，但它的更新确实在状态更改后显示在 Post 中

我正在传递这个 PostTorender 并且在 console.log(postToRender) 之后，它在应用程序组件中发生了变化，但在 Post 组件中没有发生变化。应用程序.js 从“反应”导入{useState}；将 * 导入为 React...

reactjs react-hooks react-router react-props

回答 0 投票 0

如何将信息从 Form 组件传递到另一个组件以呈现存储在对象数组中的动态数据？

我正在做一个模仿狗百科全书的小测试。有一个 Data.js 存储所有信息（狗名、来源……另一个组件 Form.jsx 呈现一个下拉菜单，您可以在其中选择您的 d……

javascript reactjs react-hooks react-props

回答 0 投票 0

如何在 React TypeScript 中输入道具？ [关闭]

如何在 React 打字稿中输入道具？我收到错误 Property 'authors' does not exist on type '[Props] & { children?: ReactNode; }'.ts。我期待传递一个数组至极