堆栈内存溢出
cost 110 ms
如何在我的代码中使用道具和子组件来列出待办事项？

[英]How to use props and child component in my code for listing the todolist?

我有一个 todolist 显示使用 fetch api 从 jsonplaceholder 页面获取的列表项，我想做的不是在同一个组件中渲染 listing 我想创建一个子组件并使用一个 object 作为道具发送给孩子用于显示的组件。 下面是列表页面的代码和 css 文件。 这就是它的样子应用 ...

我的 react.js 应用程序在尝试使用外部 js 文件播种时一片空白

[英]my react.js app is coming blank trying to seed with an external js file

我刚开始学习 React，所以我拿起了 Anthony Accomozzio 等人的 Fullstack React 一书，最新版本是 2020 年 1 月 13 日。我用npx create-react-app创建了 react 应用程序，我被困在了'使产品数据驱动'，我试图使用道具从外部文件 s ...

在 MERN 堆栈中使用删除方法时遇到问题

[英]Having problems using delete method in MERN stack

我是第一次练习使用 MERN 堆栈。 我将本教程松散地用作指南，但我自己做了一些调整，使应用程序 function 成为社交媒体网站。 我的后端代码工作正常，因为我已经使用 Postman 对其进行了测试，它给了我想要的结果。 但是当我将按钮放在我的 React 项目上并调用 onClick 方法时 ...

样式化组件缺少道具：没有重载匹配此调用

[英]Styled component missing prop: No overload matches this call

我用 React 创建了一个 Button 组件，我希望它具有不同的颜色，具体取决于它是否在父组件中收到 boolean 道具。 我创建了“ButtonProps”类型并将其传递给使用样式化组件创建的 ButtonElement。 在我的代码下面： Typescript 在React.FC内部返回 ...

未捕获的类型错误：lower.charAt(...).toUppererCase 不是 function 大写 Alert.jsx:6

[英]Uncaught TypeError: lower.charAt(...).toUppererCase is not a function at capitalize Alert.jsx:6

` ` 我试图将我的 props.alert.type 的第一个字母大写。 但是控制台抛出一个错误。 在编写大写 function 之前，代码运行得很好！！ 该类型是一个字符串“成功”，必须大写“s”，但现在我在大写 function 之前遇到了这个错误，我收到了我想要的警报消息。 控制台错误 ...

如何将多个表单（屏幕）数据发送到 React Native 中的同一个请求

[英]how to send the multiple form (screen) data to the same request in react native

我想将多个表单详细信息发送到 react native 中的单个 api 我的一个朋友建议我尝试在父组件内部创建一个表单 object，然后将表单 object 传递给子表单并绑定它。 然后在 Submit 上发布 object 中的数据。但我是新手，如果有人与我分享示例代码，我不知道该怎么做。 我 ...

React 道具不会手动更改，如何绕过限制？

[英]React props wont change manually, how to get around restrictions?

当组件呈现时，它有一些子组件，当我在表单组中记录道具时，它看起来像下面的内容。 {$$typeof: Symbol(react.element), key: null, ref: null, props: {...}, type: ƒ, ...} ...

如何在模态菜单中显示卡片数据 react.js 2022 - 2023

[英]How to display Card data in a modal menu react.js 2022 - 2023

我用“json”文件中的数据映射了卡片，并希望卡片上的相同详细信息显示在模态菜单上在代码片段中是显示的卡片的代码，模态正常工作（打开和关闭），但我现在想在模态中使用来自卡片的数据，但它没有显示。 我使用卡片密钥来指定要使用哪些卡片数据，但我认为它不是这样工作的。 我是新手，认为我需要使用道具，但找 ...

单击从 JSON 文件中获取数据的 div 时，如何在 ReactPlayer 中加载视频？

[英]How to load a video in ReactPlayer when clicking a div that is fetching data from JSON file?

所以我在 React/Web 开发方面相当陌生，只是无法弄清楚 ReactPlayer。 我有一个带有 [ID, Question, URL] 的 .JSON 文件，我将问题加载到 div 中。 我想要的是当我单击 div(question) 时，分配给该问题的 URL 应该加载到 ReactPl ...

在 props onPress 之间切换 React Native

[英]React Native switch between props onPress

如何使用onPress在外观道具之间切换？ 示例：默认 -> 活动 -> 背景 -> 默认。 在AppearanceButton文件中我有这三个道具 这些道具控制我的 AppearnceButton 的颜色，我如何在 appearance 道具 onPress 之间切换？ ...

传递一个动态的 class 名称作为反应中的道具

[英]passing a dynamic class name as a prop in react

我试图通过将不可见或可见的 class 应用于组件周围的 div，在可见和不可见之间进行模式切换。 在 App 组件中，我使用 state 动态传递类名，如下所示： 我正在尝试将该样式应用于 Modal 组件，如下所示： <div className={ styles.${props.new ...

我如何通过 React 中由 3 个 useMemo 函数组成的 Props 来实现 map？

[英]How can I map through Props consisting of 3 useMemo functions in React?

我有 3 个使用 useMemo 的独立函数，它们在仪表板中为用户返回不同类型的警报。 如果这些警报是真实的，它们将出现在用户仪表板的顶部，但如果应该出现的警报不止 1 个，它们将被放置在自动滑动的幻灯片中。 我创建了一个幻灯片组件并通过道具传递所有 3 个函数。 我的问题是如何通过幻灯片组件中的 ...

更改 NavLink 中组件的样式

[英]Changing style of Component inside NavLink

我正在制作一个导航栏，使用来自 React-Router-Dom 的 NavLink。 使用“isActive”属性来设置活动链接的样式是可以的。 但是，我如何设计其中的子元素。 确切地说，请看这个... 我应该如何在 svg 组件中使用 navLink 中的“isActive”？ 并连接到完全不同 ...

React中如何通过一个按钮的onClick创建一个新的产品组件？

[英]How to create a new product component through onClick of a button in React?

目标：通过按钮的onClick创建一个新的产品组件，它将显示一个包含textfields的modal ，以填充新产品的名称和价格。 然后，在单击模式内的Add button后，我们将这些文本字段的值传递给data.jsx （用于呈现产品组件的数据源），以便创建新产品的数据信息的新实例。 问题：我在 ...

如何在 React 应用程序中将道具传递给 typescript 的子组件？

[英]How to pass down props to child component for typescript in react app?

我是新手，正在努力解决 typescript 问题。我正在尝试将 handleSubmit 和 handleChange 道具传递给我的子组件，但它一直给我一些错误。 在我的父组件中， handleSubmit 和 handleChange 都向我显示类似的错误： 类型“(event: Chang ...

不能在 React.js 中的道具上使用 toLocaleString()

[英]Can´t use toLocaleString() on a prop in React.js

我尝试了所有方法，但我无法完成这项工作，当我尝试在应用程序中断的道具上执行该方法时，这是唯一发生这种情况的地方，因为我在应用程序的其他部分使用过此方法（并且有效）。 我认为问题是在呈现数据之前正在执行该方法。 这是代码： 这是错误：“Uncaught TypeError: Cannot read ...

试图改变 React 组件的 state

[英]Trying to mutate the state of React component

我正在尝试创建一个测验应用程序，但当我需要在用户单击它时更改答案（按钮）的背景时卡住了。 好吧， function holdAnswer会在 console.log 中记录答案的 id，但不会更改其背景。 这里缺少什么？ 我假设我还存储了用户在某个数组中选择的所有答案，以便计算用户猜到的答案数量。 ...

REACT -.props 不是 function

[英]REACT - .props is not a function

我正在尝试创建一个项目，其中菜单和侧边栏仅出现在主页中，而后退按钮出现在除主页之外的所有页面中。 问题是，我无法将道具传递给所有页面。 只有 FriendDetail 和 GoBack 组件能够传递 props。 在所有其他页面中，道具未通过。 我需要在大多数组件中传递道具，以便后退按钮能够出现。 ...


排序:
质量:
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM