如何键入可以返回<a>或<button>传递道具</button></a>的 Button 组件
[英]How to type a Button component that could return <a> or <button> and pass props
尝试构建一个组件，该组件将根据道具“as”返回 an 或 a。 我还想将道具从渲染到任何标记以提供灵活性。 问题我似乎无法获得正确的类型，因此返回的元素不会给我错误。 这是我的示例（已简化）： 如果我删除联合类型并使用 AnchorProps 或 ButtonProps 然后注释掉相应的 if/re ...
如何在以下代码中使用 map 和道具添加部分
[英]How can I add sections using map and props in the following code
我有一张名为 CardItems.jsx 的卡片，它只定义了一张卡片，然后我有了 Gotocart。 我在 jsx 中有欢迎部分（如欢迎加入购物车）和最后一个订购部分（如立即订购）。 在这两者之间，我想添加购物车部分，然后用户将在另一个页面上单击“添加项目”，然后一些 id 将存储在 infoarr ...
我如何从一个页面移动到另一个 jsx 文件以做出反应
[英]how can I move from one page to other jsx file in react
我有这个 App.js 我想点击购物车并移动到另一个没有导航栏、正文和所有内容的页面那个页面是这个 当我点击购物车图标时，我应该在这些文件中更改什么以移动到新页面。 当前代码就像反应路由器一样工作，菜单和导航栏就在那里，我也想删除它 ...
如何在不制作 JS object 的情况下将商品添加到购物车
[英]How can I add items to my cart without making a JS object
当我开始这个项目时，我从未想过要添加购物车，但现在我想添加。 让我告诉你结构我有一个名为 pricetag.jsx 的 jsx，在其中我定义了我的卡看起来像它的名称图像，并且仅在我多次使用它的道具的帮助下添加到购物车，并且名称和图像在其他 jsx 中给出当我想为不同的项目出示卡片时这是我的 Pric ...
如何将钩子的值从一个 jsx 使用到另一个
[英]How can I use the hook's value from one jsx to other
我正在制作购物车，当我们单击添加到购物车时，数字会增加，这是使用钩子完成的，位于以下 Pricetag.jsx 现在我想在其他 jsx 中使用 count 的值 你能告诉我如何使用从第一个到第二个的计数值吗？ ...
如何从 React 中的父组件调用子 function
[英]How can I call Child function from Parent Component in React
再会。 我有三个组件。 一个主组件、一个TopBar和一个子组件（参考我的应用程序的 rest）。 Master 是嵌套子组件的布局包装器。 Top Bar 组件在主组件内部使用，因此它在整个站点中保持不变。 挑战在于，当单击顶栏上的按钮时，我希望在子组件内调用 function。 实现这一目 ...
更新组件上的道具更改
[英]Update component on props change
我正在尝试创建一个显示许多已保存项目的购物车。 为此，我创建了一个显示购物车和数字的导航栏。 我将道具数量提供给导航栏。 道具金额是我想在购物车旁边显示的数字。 当我更新数量时，数字应该会改变，但不会。 我尝试像这样使用 useEffect 来更新它： 但它不工作。 我需要更改什么，以便导航栏更新？ ...
从 onClick 事件的道具中获取未定义的值，同时整个道具显示良好
[英]Get undefined value from props on onClick event meanwhile the whole props are displaying well
单击答案“按钮”时，我遇到了未定义的值。 它必须控制台记录这个由 nanoid() 生成的按钮的 id。 问题.js QuestionSet.js（组件） Answers.js（组件） 问题和答案文本等其他道具展示得很好。 此外，我测试了问题的 ID 是否会显示并且它有效，但不是答案的 ID。 ...
如何在 next.js 应用程序中将属性（特别是“主题”）传递给“组件”？
[英]How do I pass a property (specifically "theme") to "Components" in a next.js app?
我有一个 next.js 应用程序，这是_app.tsx文件： 问题是我需要访问index.tsx中的theme 。 那么如何将它传递给组件呢？ ...
如何从 React 中的购物车功能计算特定产品项目的初始价格？
[英]How to calculate a specific product item's initial price from a shopping cart functionality in React?
问题：当产品的数量要增加或减少时，我不知道如何计算产品的初始价格。 问题：一个产品的初始价格的计算合并了其他产品的其他价格，从而使其成为所有产品价格的小计在整个计算逻辑中，它使用 props 和 useStates 来处理 object 数据（data.jsx）。 在渲染产品方面，它会使用“映射” ...
反应：map 事件对象和函数到组件
[英]React: map event objects and functions to components
在我的组件 Home.js 中，我 map 向子组件发送了一个事件，然后将其呈现。 到目前为止，这工作正常，但我还需要传递一个方法。 我试图更改我的 Home.js（见下文），以便它传递所需的 function，但没有呈现任何内容，也没有抛出错误。 我需要做什么来解决这个问题？ 为了进一步说明，我也 ...
React 道具在内部不起作用<img>标签，但在外面工作
[英]React props not working inside <img> tag, but works outside
这是我的index.js React 应用程序 它显示一条警告，说'avatarx' is assigned a value but never used 。 如果我在<img>标签之外使用道具{avatarx} ，那么它会显示图像的 url（所以它的工作）。 但它在<img> ...
如何将数据从父母传递给孩子（反应模态）？
[英]How to pass data from parent to child (react Modal)?
我有一个页面users.jsx （父）和一个组件DialogEditUser.jsx （子），我想通过它的id将位于父级的用户的特定数据传递给子级（使用find方法） 此传递的数据应作为值加载到反应模式中的输入。 users.jsx代码： DialogEditUsers.jsx代码： api ...
TypeError: undefined is not an object（评估'this.props = props'）
[英]TypeError: undefined is not an object (evaluating 'this.props = props')
我试图实现堆栈导航，但我得到了这个错误，它说这个。 props 给出了我尝试过的错误： 删除 this.props 因为我在 App.js 中使用了 function 它没有用我已经尝试了很多解决方案，但找不到一个好的答案，请解释你的答案，以便每个人都能很好地理解它这是我的代码 APP.JS 登 ...
React：道具是未定义的，即使它们应该是
[英]React: props are undefined, even though they should be
我在孩子 class 中的道具应该是 Event 对象的数组。 我正在事先检查，如果 App.js 中的数组为空，如下所示： 但是每当我尝试访问子组件中的道具时，它都被认为是未定义的。 我的子组件： 即使我只向下传递一个字符串，它仍然是未定义的。 感谢帮助！ ...
为什么功能性子组件不会在道具更改时更改 state？
[英]Why isn't functional child component changing state on props change?
我有一个带有弹出窗口的表单模板作为子组件。 该弹出窗口用于显示服务器对表单查询（ajax）对登录/忘记密码等的响应，并且会在一段时间后自动消失。 现在，弹出窗口第一次正常工作并显示响应并消失，但如果我从同一页面再次尝试（因为查询以 ajax 发送并且页面重新加载不会发生），消息会更新但不会出现。 ...
为 mui textInput 助手指定 data-cy 值
[英]Specify data-cy value to mui textInput helper
我正在尝试将柏树“data-cy”设置为 mui TextField 的帮助文本。 我可以通过将样式属性传递给 FormHelperTextProps 来更改此帮助文本的样式： 但我不知道如何指定自定义属性，例如 data-cy，我试图简单地在 style 属性之后添加它，但没有“data-cy”属 ...
将对象数组作为道具传递给 React TS 中的另一个组件
[英]Passing an array of objects as props to another component in React TS
我正在尝试将包含数据的对象数组传递给另一个组件并使用该页面上的数据。 所以基本上这是我的父母，我有数据： 所以我想传递的是history作为道具，以便在另一个页面中使用该数据，如下所示： 我想要做的是 map object history的数组并在Search History下显示任何帮助，将不胜感 ...
nextjs 中的 pageProps 与 props
[英]pageProps vs props in nextjs
我在浏览页面时查看了nextjs返回的内容，并注意到 state 水合作用在页面上重复，并以 object 的两个不同属性传输： 我不明白这是逻辑的规范还是不是逻辑的重复。 我使用next-i18next进行多语言处理，使用next-redux-wrapper对服务器上的redux存储进行水合， ...
如何将数据传输/填充到 nextJS 中的另一个组件
[英]How to transfer/populate a data to another component in nextJS
我正在 Nextjs 和 tailwindcss 上构建应用程序问题简单地说，我有一个 4 列的表，每行有 3 个列中的数据，最后一列包含Update按钮。 每行中的数据都是在 map function 的帮助下填充的。 我想要的是现在我想将item数据作为prop传输到我构建的另一个组件，即upd ...