将功能组件作为道具传递时，如何让热重载工作？
[英]How do I get hot reloading to work when passing in functional components as props?
应用程序.tsx 父.tsx 孩子.tsx 将子功能组件作为参数传递给父组件时，如何为子功能组件启用热重载？ 我已经包含了代码沙箱，它显示热重载在子组件中不起作用。 代码沙箱 ...
Props.img 不显示
[英]Props.img not displaying
这是我在 App.js 中的代码 以及我试图将图像传递到的地方 有任何想法吗？ 我尝试将图像文件夹移动到公用文件夹，但反应似乎不喜欢那样，因为我收到一条错误消息“图像不能在 src 文件夹之外” ...
当作为道具传递时，如何让反应应用程序将 api 数据显示为 html 而不是字符串
[英]how to get react app to display api data as html instead of string when passed as prop
我正在尝试显示从食谱 api 获得的文本块，该文本包括 html 元素，例如粗体标签和链接，但被包裹在字符串中，因此它显示文字文本当前文本我需要它来显示文本而不是字符串，而是 jsx所需的文本我通过道具传递 api 数据const RecipeDetail = ({ recipeDetail }) ...
控制台错误：对象作为 React 子项无效
[英]Console Error: Objects are not valid as a React child
我正在构建一个电影反应应用程序，基本上是 Netflix，并且我的大部分 UI 都使用引导程序。 我已经成功地创建了一个登录表单的快速 model，该表单现在接受任何密钥并将您带到电影列表。 我已经完成了我的研究，但大多数问题都没有解决问题或者是他们独有的。 现在是问题开始的地方：当我单击电影卡时出 ...
NextJS - 将客户端道具从 app.js 传递到特定组件
[英]NextJS - Passing client-side props from app.js to specific components
在传统的 React 中，一种常见的模式是在入口点定义路由器，并将所需的任何道具传递给需要它们的任何组件，因为它们都已定义例如， 我不清楚如何在 NextJS 中执行此操作。 入口点 _app.js 有一个用于所有组件的泛型。 将 prop1 传递给 Home 和 About 的最佳方式是什么，而不 ...
为什么我在 React Native 中看不到任何道具？
[英]Why I do not see any props in React Native?
我正在尝试通过导航从function 组件将一些道具传递给class 组件。 在 Function 组件我正在写： 在 Class 组件中，我试图在构造函数中访问它，但看不到任何道具： 但是控制台日志总是： Object {} 我的 App.js 看起来像： 有人可以解释我缺少什么吗？ ...
React Native 无法改变样式 onPress
[英]React Native cant change style onPress
如何正确更改 TapBar 中 TapBarItem 的 state function 以便它根据活动是真还是假来改变颜色，就像下面的 TapBarItem ZC1C425268E68385D1AB5074C17A9 一样<Icon color={active? "red": "gray"} ...
如何将未定义的 state 作为道具传递到子组件中？
[英]How to fix undefined state passed as props, into child component?
我有一个父元素，它将其 state 值作为道具向下传递到其子组件中。 现在，每当我尝试访问父组件的 state 时，在子组件（使用道具）中，道具值是未定义的。 （当我将子属性传递给 useState() 时未定义子属性，但在我使用 console.log() 时定义了它） 这是父代码： 这是孩子 ...
React - 使用从父组件传递的道具渲染子组件时出错
[英]React - Error while rendering child component with prop passed from parent component
创建我的反应应用程序时遇到问题。 我正在从 CoinGecko API 获取数据以构建加密跟踪应用程序，但是当我将data道具从父App.js传递给子Info.js 。 当我尝试渲染页面时，它给了我Info.js:45 Uncaught TypeError: Cannot read properti ...
useEffect 不是由 prop 依赖触发的
[英]useEffect not triggered by prop dependency
所以我设置了这个组件，它有一个onClick处理程序来喜欢或不喜欢某个配方。 我正在使用useEffect钩子来确保图标根据favoriteId属性进行了相应的更改。 然而，当onClick和相关查询被执行时， useEffect钩子根本没有被触发，这是怎么回事？ 父组件： ...
使用 React Native 道具 onBackButtonPress?: () => void
[英]using React Native prop onBackButtonPress?: () => void
使用我的道具onBackButtonPress?: () => void; ? 现在 typescript 显示 onPress 错误 - 我是否需要在我的 IconButton 和 app.tsx Header 中为道具输入完全不同的内容？ app.tsx 文件 ...
无法在 onClick (ReactJS) 上呈现 class 组件
[英]Cannot render the class component on onClick (ReactJS)
这是主菜单部分，数据中的所有菜肴都显示在 cardView 中。 其目的是，如果要单击其中一个菜式，则将在所有菜式下方并排显示菜式的详细信息以及评论。 上面的文件是 DishDetailComponent 的，它在被点击后呈现评论和菜的详细信息。 下面的文件是“Dishes”数据文件。 ...
反应传递的多个道具组
[英]react passing groups of multiple props
我有很多道具（其中大部分是函数），我想将它们传递给子组件。 我最初的方法是传递单个道具，但后来它变得越来越大，我变得困惑 const functionOne... const functionTwo... const functionThree... . . . return ( & ...
单击 React 上的按钮时在同一屏幕上呈现表单，并将其保存在道具文件中？
[英]Render form on same screen when clicking a button on React, and also saving it on props file?
我想用 FaPlus 图标制作按钮以呈现表格 OnClick（或 OnPress，我也看到这也是一个选项，但我不知道它是否有任何区别）但 React 说“añadirCurso”（箭头function) 没有定义，有什么想法吗？ （我正在使用与此类似的另一个问题的部分代码，但它可能不起作用，因为 ...
将反应 class 转换为反应钩子 useState？
[英]convert react class to react hooks useState?
有人可以帮我把它转换成反应钩子吗我相信它会反应 useState() https://github.com/react-grid-layout/react-grid-layout/blob/master/test/examples/7-localstorage.jsx 尽我所能理解反应类，因为我 ...
如何根据 React 上的无线电值重定向？
[英]How to redirect based on radio value on React?
我一直在尝试根据用户单击的单选按钮从登录屏幕重定向（使用从“react-router-dom”导航），我尝试过使用状态，但我不知道这是否是 go 或如果有更简单的方法来做我想做的事。 我在这里检查了其他一些问题，但我不知道这是否是我应该做的这是我到目前为止所写的（几乎是整个组件）： PS：我之前 ...
TypeError: undefined is not an object (evalating '_this.props.button_click') 错误从父 class 到子 class
[英]TypeError: undefined is not an object (evaluating '_this.props.button_click') error from parent class to child class
大家好，我的方法有问题。 我无法将数据从父 class 传递给子 class。 我的代码：父 class： 现在在儿童 class 中： 现在，当我按下按钮时，出现以下错误： TypeError: undefined is not an object (evaluating '_this.prop ...
如何.Map 在传递到组件中的不同道具上？
[英]How to .Map over different props that are passed into a component?
我是 React 新手，但希望有人能提供帮助！ 所以我刚刚创建了一个组件，它接收一个值（通过 prop），然后在该值上映射创建一个 Image slider。 props 都是一个包含不同值的对象数组，例如： const Songs = [ { artist: 'Artist Name', s ...
在道具中使用.toUpperCase时反应应用程序不呈现
[英]React app not rendering when using .toUpperCase in props
我正在编写反应代码，需要将书名更改为大写。 当我添加代码时，react 没有呈现页面，并且我在控制台中收到此错误。 “未捕获的类型错误：无法读取未定义的属性（读取 'toUpperCase'）” 当我控制台记录 props.author.toUpperCase() 时，它正在正确记录它。 有什么解 ...
类型'{孩子：元素； }' 与类型 'IntrinsicAttributes' 没有共同的属性 - React 18.2.0
[英]Type '{ children: Element; }' has no properties in common with type 'IntrinsicAttributes' - React 18.2.0
我有个问题。 我目前正在学习使用 Typescript 与 typescript 教科书进行全栈反应。 我现在使用第一个应用程序 - trello 克隆。 我遇到了一个我发现很难解决的错误。 我从 AppStateContext 得到这个错误。 Type '{ children: Element; ...