react-props 相关问题

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

How to show list from json in react with props

我正在尝试使用 React 显示来自 json 文件的数据,但我希望键值对中的列表也显示为列表。但是我不知道我是否需要映射我的道具或......

回答 1 投票 0

在 React.js 中,有没有办法为所有子组件提供特定的道具?

感谢您看到这个问题,也感谢您对这个问题的思考。 我正在寻找为 React.js 中的整个子组件提供特定道具的方法 我知道在

回答 1 投票 0

尝试迭代道具数据时属性映射不存在

我正在尝试迭代我作为道具发送的 JSON 数据集。我尝试打印道具,我看到数据在那里。但是我似乎无法使用 .map 因为它声明它不是

回答 2 投票 0

在单独的页面上向组件发送道具

./Components/Categories.jsx 从“../mocks/categories.json”导入类别数据 从“./Products”导入产品 功能类别(){ 返回 CategoryData.map((cat)=> ./Components/Categories.jsx import CategoryData from "../mocks/categories.json" import Products from './Products' function Categories() { return CategoryData.map((cat)=> <li onClick={ ()=> <Products id={cat.id} /> }> </li>) } ./Components/Products.jsx function Products(props) { console.log(props.id) } 我需要将道具发送到 OnClick 中的另一个组件。但是我写的代码没有用。 嗨,你做错了一件事。 我们无法在事件处理程序中呈现组件。 你可以这样做: import React, { useState } from "react"; import CategoryData from "../mocks/categories.json"; import Products from "./Products"; function Categories() { const [categroy, setCategroy] = useState(null); const clickCategory = (cat) => { setCategroy(cat); }; return ( <ul> {CategoryData.map((cat) => ( <li key={cat.id} onClick={() => clickCategory(cat)}> {cat.name} </li> ))} {categroy && <Products id={categroy.id} />} </ul> ); } export default Categories;

回答 1 投票 0

我无法弄清楚我可以在我的功能中更好地实现什么,也不确定如何执行最后一部分

我正在学习如何使用 React。 到目前为止,我有许多组件可以呈现电影列表及其各自的信息。 有这个组件配置文件,我无法弄清楚如何...

回答 0 投票 0

如何获取作为道具传递的元素的尺寸

假设我有一个组件将一个元素作为一个名为 customHeader 的道具: const 示例 = ({ children, customHeader }) => { ...一些代码 返回 ( <> {自定义标题?

回答 1 投票 0

Redux Persist 无法持久化数组

我在我的 React Native 应用程序中使用 Redux Persist。我的应用程序是一个资金管理器,因此用户可以存储支出和收入。因此,我想要一个名为 allEntries 的数组,其中所有条目 (exp...

回答 1 投票 0

inile stlyes 无法在 React 解构的道具上工作如何修复?

你好,我正在制作一个圆形组件,我正在使用具有绝对值的道具制作内联 css,但道具不适用于该组件。 CSS 。圆圈{ 背景颜色:棕色; 宽...

回答 1 投票 0

React Typescript Props Interface 包含一个接口

我有一个功能组件从另一个功能组件接收道具。我在接收组件上有一个接口,它也包含一个接口,但这个接口总是'undefin ...

回答 2 投票 0

React 表单提交

我对反应还很陌生,还在学习使用它。 我有一个带有表单的组件,我想在提交期间获取数据并将其传输到另一个我将显示卡片的组件......

回答 1 投票 0

为什么prop没有变成true?

如果我在父组件中调用它: 私有 addEmployeeForm() { 返回; } 然后是 AddEmployeeComp: 出口类

回答 0 投票 0

REACT - .props 不是函数

我正在尝试创建一个项目,其中菜单和侧边栏仅出现在主页中,而后退按钮出现在除主页之外的所有页面中。 问题是,我无法将道具传递给所有页面......

回答 3 投票 0

How to change element top border color in component through props using Tailwind CSS

我试图通过将颜色值作为道具传递给组件来更改顶部边框的颜色,但它没有产生任何效果。 我正在寻找解决方案。请帮我! 导出默认值...

回答 1 投票 0

当 json 文件上的 map() 函数时 React 道具不起作用

我正在尝试从我制作的 json 文件中呈现信息以显示在页面上。我已经使用引导程序来格式化卡片但是当我在没有引导程序格式化的情况下尝试它时它仍然没有...

回答 0 投票 0

带有地图功能的 React 道具不起作用

尝试测试我的功能并使用道具将“名称”中的项目呈现到页面上。查看了教程,不确定为什么没有显示? 这是我的代码: 从'react'导入React ...

回答 0 投票 0

为什么我尝试举起道具时出错?

这里我有状态,我试图将它们传递到子组件 SearchBar 应用组件(父组件) // 不相关的代码... // 搜索 const { search, setSearch } = useState(&...

回答 2 投票 0

道具无法识别

我不是 React native 的专家,不知道这里出了什么问题。有人能帮我吗? 输入 UserInfoProps = { 获取用户名:承诺, getDisplayName:函数, }; 导出函数 FetchUser...

回答 0 投票 0

如何在 React 中使用子组件的状态更新父组件?

我有 3 个组件。 在 ListCard.js 中,我映射卡片数组并根据用户单击的卡片调用 handleChangeCardData 来更新模态文本。 我的问题是:如何更新/更改 mo...

回答 3 投票 0

如何在父组件中将不同子组件的数据保存到单个数组

这里我有三个组件。每当我单击任何子组件(第一个和第二个)中的按钮时,父(测试)组件都应显示输入到子组件中的文本。亲...

回答 2 投票 0

React/React Web Component/是否可以获取数据?

我在我的 html 网站中引入了一个 React 组件,并一直试图从 data.js 文件或 data.json 文件中获取数据,但没有结果。 我已经尝试过: import {data} from './data' when ...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.