cost 204 ms
React-Native、Navigation、Drawers 和使用 props 传递内联函数

[英]React-Native, Navigation, Drawers and passing inline functions with props

我有一个嵌套在 Stack 导航器中的 Drawer Navigator。 一切正常,但我收到以下警告:- 看起来您正在为屏幕“Home”传递“component”道具的内联函数(例如 component={() => })。 传递内联函数将导致组件状态在重新渲染时丢失并导致性能问题,因为它会 ...

在反应中显示卡片列表

[英]dispaly list of cards in react

新反应我想知道为什么当我传递一些最少的数据时我的卡片没有出现在身体中。 所以这是我的代码: 我将 cardsArr 数据获取到对象的 arr 并在控制台中看到 cardlist 组件道具,但它没有出现在正文中。 我想把它显示在卡片上。 感谢您的帮助! ...

我怎样才能让 TypeScript IntelliSense 在受歧视的联合中建议有效的完成?

[英]How can I get TypeScript IntelliSense to suggest valid completions in discriminated unions?

目标是从 Figma 中的设计创建一个复选框 UI 组件。 并且根据设计,outlined 变体仅兼容大尺寸,而 solid 兼容所有尺寸。 因此,我正在尝试制作一个界面,其中某些道具类型取决于用户对同一反应组件上其他道具的输入。 到目前为止,这就是我想出的。 它几乎可以完成工作。 当我将 var ...

自定义单选按钮在本机反应中不起作用

[英]custom radio buttons not working in react native

我正在创建自定义无线电 btns。 我的代码如下: 现在,我的无线电组件被一系列资产调用,但基本思想是,当我调用无线电组件时,会显示相应的视图。 无线电 btns 的调用如下: 我的OnPress函数如下所示: }; 现在,我的 Row 组件如下所示: 但是,每当我单击任何图标时,它都不起作用,请 ...

将 function 从服务器传递到客户端组件 Next 13

[英]passing function from server to client component Next 13

根据应用程序目录的 Next.js文档: “只要有可能,我们建议在服务器组件内部获取数据。服务器组件总是在服务器上获取数据。” 这很棒,因为我正在点击外部 API(我无法更改 CORS 策略 - 允许来源...)。 我有一个带有表单(客户端组件)的页面(服务器组件),我正在尝试使用服务器组件访问 ...

不传递很多参数就可以分离出一个function吗? 反应

[英]Is it possible to separate a function without passing many parameters? React

我向页面添加一个组件并将值参数传递给它。 在渲染之前,在组件中运行验证 function 以查找不匹配。 我想将验证移至单独的文件。 但是然后我必须将所有参数传递给这个 function。在实际项目中,这是一个很大的 function,有很多选项。 这种方法在我看来非常不方便且难以维护。 valid ...

如何在 React Typescript App 中声明映射属性名称

[英]How to declare mapped property name in React Typescript App

我试图弄清楚为什么我的代码告诉我具有“名称”属性的映射数据的类型为 never。 我已经在界面中声明了 commentsData,但显然那里发生了错误。 请在下面查看我的代码: 这是带有 Typescript 抛出错误的图像: 这里有人见过这个错误吗? 还有你是怎么解决的。 谢谢你的帮助! ...

如何在 React JS 中向下传递 function(带 id-prop)两级?

[英]How to pass down function (with id-prop) two level in React JS?

我在我的 React js 项目中遇到了一个问题,这与传递 handleClick function(带有回调和一些 id-prop)有关,因为我试图在顶级组件中管理我的 state。 我想要实现的是,当我单击答案时,id 会传递到顶层,因此我可以正确设置 state。 我的数据结构如下所示:一个 ...

在 React-Native 中传递道具/功能

[英]Passing props/functions in React-Native

React Native 新手 我最近学习了导航教程https://www.robinwieruch.de/react-native-navigation/ 。 然后我决定将标志 function 放入绘制导航器中,这在传递道具周围打开了一大堆蠕虫。 我已经阅读了很多相关内容,但仍然无法弄清楚这里 ...

为什么 React Native 不传递 Typescript 中的简单字符串?

[英]Why is React Native not passing on simple strings in Typescript?

React Native 的新手,来自 React.js。 我试图通过将属性(在本例中为 colors)传递给组件来模拟类似 CSS 的级联。 然而,尽管一切看起来都很好,但没有颜色传递给 Header 组件。 我怎样才能缓解这个问题? 应用程序.tsx: Header.tsx: ...

如何在 React 中将整个图像元素作为 prop 传递?

[英]How do I pass an entire image element as a prop in React?

我收到一个 JSON 响应,每个键都有一个图像属性。 此图像属性是具有属性的整个图像元素标记。 我试图将其传递到子组件中,但在尝试呈现时,它只是在页面上显示为纯文本 html。 有没有办法将其呈现为实际图像标签? 我附上了 JSON 回复的截图 ...

如何在 React 中使顺风滚动捕捉和平滑滚动一起工作?

[英]How do I make tailwind scroll snap & smooth scroll work together in React?

我正在尝试构建一个单页反应应用程序,我想知道如何将顺风滚动捕捉和平滑滚动一起应用。 每次我在 y 方向启用 scroll-snap 时,我的平滑滚动代码就不再有效。 我是 React 的初学者,因此非常感谢任何帮助。 下面我附上了 app.jsx、header 和第一个组件。 这是我发现的最接近的 ...

我无法调用已分配给 React 中的元素的 function

[英]I can't call a function that I've assigned to an element in React

App.jsx` ` ToDoItem.jsx` ` ①我试图在单击元素时调用“deleteItem”function。 我正在使用 function 中的 console.log 检查这个。但是当我点击该元素时它永远不会工作。 ②当我点击该元素时,控制台中出现警告: Warning: ...

Remove:any 来自 React 中的组件

[英]Remove :any from component in React

我从 React 开始。 我正在尝试将 var 和 function 发送到我的组件。 我知道使用:any 是一种不好的做法,这就是为什么我想以正确的方式进行更改。 我正在做一个模式,我正在以这种方式将数据发送到我的组件。 我正在使用useState 数据表.tsx 模态.tsx 我已经在大量视频中 ...

React:将 graphql 道具传递给另一个组件

[英]React: Passing a graphql prop to another component

我有一个仪表板,里面有一个表格组件。 我正在仪表板中进行 graphql 调用,需要像这样将收到的数据传递到表中。 但是我无法让数据显示在表格组件内。 这是我的方法。 请让我知道我错过了什么仪表板.js 表格(接收道具数据) ...

如何将 react router dom 的路由作为 props 传递给组件?

[英]How to pass react router dom's Routes as props to a component?

我想保持主侧导航不变,它应该占据页面的 20%。 页面 80% 的 Rest 应该有第一行作为 header 导航,它应该是不变的。 单击导航链接后,第 2 行中的路线内容应更改为 header 导航下方。 Output: 我试过这样的: 应用程序.js MainNavigation.js ...


 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM