在 DOM 树的任何级别中为特定的 React 元素类型添加一个 prop

[英]Adding a prop to a specific React element type in any level of the DOM tree

我正在尝试向“子”组件添加“位置”道具并在“父”组件中使用它，因此“PositionWrapper”的唯一目的是添加一个道具并返回新的孩子。 问题是，当我在“Parent”中调用 props.children 时，我得到了一个“PositionWrapper”组件，而不是我想要的“Child”组件 ...

如何在 React 18 中使用 props.img

[英]how to use props.img in react 18

我是 React 新手（遵循较早的教程，但尝试在 React 18 中工作）使用道具，是否有能够将图像导入 App.jsx 的最佳方法？ 我设置的所有 rest 除了这个位<img className="card-image" src={KatieZ} alt="Olympic athlet ...

React function prop 给出“TypeError 不是函数”

[英]React function prop gives "TypeError is not a function"

我是新手，我正在尝试将 function 作为道具传递给子组件。 就我而言，这是父组件： 我的子组件是： 我的表单有效，但是当我提交表单时，我不断收到错误 TypeError：handleGameSelection 不是 function。 我什么都试过了。 我在父组件中创建了一个单独的 func ...

无法在 React 中读取道具的属性

[英]Unable to read attributes of props in React

我正在用 React 构建一个以酒厂为主题的购物应用程序，并且正在使用功能组件。 我在一个页面上显示了 12 种产品（葡萄酒），当用户单击它时，我想为每种葡萄酒制作一个单独的页面。 这就是我处理路线的方式： 我对所有的葡萄酒进行了映射，并为每一种葡萄酒创建了一条单独的路线，并将一种特定的葡萄酒作为道 ...

如何从 expo 中的道具获得 1 个特定值？

[英]How do you get 1 specific value from a prop in expo?

我一直在尝试从 CameraButton.js 文件中传递这个道具，该文件提供了所拍摄图像的 UI，但是每当我在 AddPost.js 中激活道具时，它都会给我所有的值，但是当我尝试获取图像的奇异值，例如使用 console.log(props.route.params.image) 并给出错误 ...

我想用道具加入 state 里面的 object

[英]I want to join object inside state with prop

我在 state 中有对象键和值，如果我想获取我使用的日期 {key.value} 但对象位于 { name1: "Hello", name2: "World", } 我有一些索引带有道具值作为动态的数字我如何将此值作为动态。 比如 {name + {index}} === name1 应该是这样 ...

react native：为什么它在导航时丢失了部分道具级别

[英]react native: why it's loosing part of the props levels on navigate

这是我在组件中收到的props的日志： 然后我在不修改道具的情况下导航： 当我在下一页再次登录相同的道具时，我失去了一个完整的级别（信息和权利）： 为什么？ 再加上它在一天开始时正常工作，我可以为这种新行为改变什么？ 我在拉我的头发！ 帮助 ...

React Component 渲染两次，第一次渲染时 props 'undefined'

[英]React Component rendering twice, props 'undefined' at first render

我有一个渲染两次的反应子组件（FinalReport.js），除了在第一次渲染时，其中一个道具由于某种原因未定义，这会引发错误。 当然，我可以添加错误处理，但这似乎不是最佳实践。 父组件包含用户输入，这些输入在按下“保存”按钮时保存为 useState Hook (esrData)。 第一个子组件 ...

在反应组件的另一个道具中使用一个道具值

[英]Using one prop value in another prop in react component

我有一个反应表组件如下 - 我想导出道具pageSize的值 - 作为数据道具的长度。 所以这个组件的pageSize prop 的值来自于另一个 prop 的值data的值。 有没有办法我可以做到这一点？ ...

如何将 prop 的值传递给 React Native 中相同元素的另一个 prop？

[英]How to pass prop's value into another prop of the same element in React Native?

我正在尝试将组件的 prop 的值传递给另一个 prop 来设置它的样式，如下所示： 这里 propOne 里面的样式 prop 是未定义的。 有什么帮助吗？ ...

将值传递为其他道具的 typescript 类型的反应组件道具

[英]value pass in react component props as typescript types for other props

我正在尝试读取传递给我的反应组件道具的value ，并将其读取为同一组件中其他道具的类型const TestPage = () => { return ( <Test tabs={[ { label: "test-label", value: "t ...

道具未在页面或 React 开发工具中呈现

[英]Props aren't rendering on the page or in React Dev tools

我很难理解来自数组的反应道具和映射数据，并且无法让道具在我的 Card 组件上呈现，也无法让它们显示在反应开发工具中。 我不清楚我哪里出错了。 如果你能发现我哪里出错了，请帮忙。 我还收到错误“createCard”已定义但从未使用过？ 虽然我实际上将 function 传递给 map functi ...

在反应 typescript 时未正确通过 state

[英]not passing state correctly in react typescript

我正在尝试从单独的组件切换模式。 第一个最常见的组件是我的 app.tsx，所以我在该文件中设置了 state。 我的 home 组件获取这些道具并再次传递给另一个组件 } isOpen 获取传递给我的模态组件并在此组件中使用 即使我将 createactive 设置为 true，我的模式也没 ...

data.map is not a function 通过道具传递图表数据时出错

[英]data.map is not a function error when passing diagram data through props

我有一个进度条，它使用在同一个文件中硬编码的数据并且工作得很好： 我希望组件通过另一个组件的 props 获取它的数据，而不是使用顶部的数组。 因此，作为我的第一次尝试，我复制了父组件中的 Array 并将其作为道具传递。 现在我得到了我的错误。 父组件： 进度条组件： 它应该是使用相同的数据，但这 ...

如何将道具设置为 const X = useContext()

[英]How to set props into const X = useContext()

使用 ReactJS 我想知道，如何将道具传递给const { answerSetter } = useContext( AnswerSetterContext ); 我想这样做的原因是因为我收到错误，即 X 不是 function 并且在那里传递道具应该修复它。 我的代码： export con ...

如何更改组件的单个 prop 的样式。 反应原生

[英]How to alter the style of a singe prop of a component. React Native

好吧，我正在导入一个 header 组件，我在其中构建我的标题、副标题和顶部按钮。 我想导入标题，但对其样式稍作更改，只需将颜色更改为黄色。 如何只更改标题的颜色样式，而不触及其他道具，或在组件中制作新道具？ https://i.stack.imgur.com/oCDpR.png PS：我的第一 ...

为什么我们在 React 中需要一个 `props` 参数？

[英]Why do we need a `props` parameter in React?

我仍然不明白为什么我们需要一个道具来反应，认真的。 为什么我们不能在子组件中将我们需要的所有内容声明为参数或参数，然后声明它，为什么我们必须在父元素中声明它然后将道具传递给子组件然后捕获它。 我不明白为什么。 看起来有点混乱，我还没有看到其中的原因 ...

React 没有更新 nextjs 中的子属性

[英]React isn't updating child properties in nextjs

我尝试在组件中直接使用事件侦听器，也尝试将其用作效果，并且每次都执行相同的操作。 它只是将道具传递给加载的孩子，然后不会更新它们。 并且在子组件中 我不明白父道具 state 变量是如何更新的，而不是孩子... 更新：我觉得这是我制作的计数器的 nextjs 问题，也只更新父级更新：我有另一个父组件 ...

在 React.js 中使用 Props 渲染多个图像

[英]Rendering multiple images using Props in React.js

我正在尝试使用反应组件将本地系统中的图像渲染到网站。 在“index.js”文件中，我创建了 4 个具有属性的不同组件。 属性之一是“img”。 在“Card.js”文件中，我创建了一个卡片组件，并希望在页面上呈现 4 次。 但是，我无法将图像正确链接到组件，因此它没有加载。 我附上了截图和下面的相 ...

在 ReactJs 中将数据从父组件传递到子组件

[英]Pass Data from Parent To Child Component in ReactJs

在App.Js文件中，我将“此数据来自父级”传递给Child.Js 但在这里我想通过 onClick 而不是dataParentToChild={data}传递这个按钮。 就像在onClick={handleChildToProp}中工作的Child.Js文件一样 在此处输入链接描述应用程序.Js ...