cost 319 ms
从父级切换子组件的最佳实践 - Best Practice to toggle Childcomponent from Parent

我在 React 中创建了一个 toast 通知,它可以通过timeNotification function 切换。出于测试目的,我在同一组件中使用了一个按钮来切换通知。 所有通知所做的就是将 CSS class 设置为“活动”,并在 5 秒后将其删除。 我的目标是让这个组件在我需要的时候可以在我 ...

从外部 function 调用 React state 方法 - Call React state methods from external function

我正在构建一个使用一些 state 变量的 React 功能组件,我试图从按钮单击事件调用的外部 function 修改其中一些变量,但是当我将对 state 方法的引用传递给这个外部 function 时,所有这些都是未定义的。 可能是什么原因? 如果我只是将完全相同的代码放入功能组件中,它会按预 ...

如何在不使用道具的情况下创建反应布局组件? - How to create a react layout component without using props?

我在原始组件(如Radix UI )中经常看到以下模式,其中布局呈现为自定义子组件。 例如,而不是这个: 原语将使用这个: 这将最终渲染一些带有 styles 等的自定义布局,如下所示:<div> <span>Hello!</span> < ...

reactjs 中的日期时间选择器中的日期未更新,但时间正在根据用户选择的功能组件进行更新 reactjs - The date is not getting updated in in Datetime picker in reactjs but time is getting updated as per user selected fucntional compoenent reactjs

我使用了一个日期时间选择器来获取具有相同输入的日期和时间。 我用 moment 来更改格式,但是当我在我的网站上显示日期时,我的时间是根据用户选择的,但我的日期不是根据用户选择的,它是一些随机数。 你能帮忙解决这个问题吗? 我在 reactjs 的 map function 打印这个。 ...

反应功能组件 - 渲染子 - null 属性 - react functional component - render child - null property

我在功能组件和将服务传递给子组件时遇到问题我创建了一个 SoundAlarmService: 我通过 useEffetct 创建它(尝试过一次,但也没有工作)然后想将它传递给子组件 我可以调试并看到它是在 UseEffect 上分配的,但是在渲染方法上它是 null 如何解决这个问题? ...

我将如何键入更正 AuthCContextProvider function 以便在创建时 Typescript 不会给我错误? - How would I type correct the AuthCOntextProvider function so that on creation Typescript will not give me errors?

我目前正在学习 Typescript 并使用类型安全从 Typescript 移动我的项目的所有代码,但我仍然不明白像这样的某些事情。 我只是想正确地输入所有内容并试图了解它们如何工作的过程。 这是我的 AuthContext.tsx 文件,它可以在整个 React 应用程序中为我轻松导出 cur ...

将道具从映射组件传递到调用它的组件 - passing props from a mapped component to a component called into it

我承认我不是很专业,我需要帮助这是我的“帖子”组件,它负责拨打 api 电话以获取所有帖子的数据: 该组件制作它收到的数据的“地图”,并将数据传递给“帖子”组件,该组件负责显示收到的每个帖子的数据。 如您所见,我正在尝试将发布数据传递给“UpdatePost”组件以便稍后进行更新查询,但是当我尝试这 ...

如何在反应功能组件的网页上显示时间时更改反应 DateTimePicker 的格式 - how to change the format of React DateTimePicker while displaying time on our webpage in react functional component

我是新来的,你能通过这个做出反应吗? 日期和时间的图像 output如果您看到我得到的图像 output 或显示的日期和时间为2023-01-13T22:54:00.000Z 。 但我想以这种格式显示日期和时间20 Jan,5:25 PM 。 <DateTimePicker onChange ...

React:无法在 function 组件中更新 state 中的 object 属性 - React: Cannot update object property in state in function component

我试图解决的问题:对一个内置 React 的应用程序进行表单验证,该应用程序接受用户输入并生成 CV。 这是为了学习目的,也是奥丁计划课程的一部分。 我是如何尝试解决表单验证问题的:我在 App.js 中使用大型 formData object 设置为 state 来组织我的项目,并且我通过 use ...

如何使用onclick Reactjs功能组件调用或使用a.js文件 - How to call or use a .js file using onclick Reactjs functional component

我有一个名为 Edit 的 .js 文件,用于编辑目的。 我有另一个名为 Add 的 .js 文件。 我在 edit.js 中有一个对话框,当我单击一个按钮时它会打开。 但是我不想使用按钮,而是想在单击框上的任意位置时得到一个对话框。 我尝试在 div 标签中使用 onclick 但我没有得到任何回 ...

反应功能组件 state object 在更改时不在显示中呈现 - react functional component state object not rendering in display on change

我正在尝试通过添加“项目”、编辑其内容、查看和删除它的方式来制作一个反应示例项目。 只是为了练习设置/更改/保存数据。 我在争论我是否应该将其作为一个功能组件或 class 组件,所以目前我正在尝试使用下面的功能组件: https://codesandbox.io/s/quizzical-moor ...

在 React Native 中将功能组件的确切类型指定为 prop - Specify exact type of functional component as prop in React Native

我想完成一个简单的(?)任务。 我想创建我的自定义功能组件,它接受两个组件作为参数:一个Text和一个Button 。 我需要传递那些类型,所以如果我传递一个View它应该不起作用。 我试过: 但是当我试图在我的App.tsx中使用它时,每个组件都被接受而没有任何抱怨: 在界面text: Text ...

无法将 function 传递给 React 中的子组件 - Not able to pass function to child component in React

我不明白发生了什么,语法似乎是正确的,但我收到此错误: TypeError: chooseMessage 不是 function 我已经阅读了有关将 state 抬高的文章,还观看了一些视频,并一遍又一遍地仔细按照说明进行操作,但没有成功。 #新更新我刚刚意识到我的代码绝对正确,它必须与编译器或 ...


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