react-props相关内容

反应应用程序组件Didmount没有从父母那里获得道具

我正在尝试将道具从父组件传递给子组件，即使它被调用了两次(不知道为什么，componentDidMount应该只被调用一次)，道具似乎是空的。 父组件： class Members extends Component{ constructor(props){ super(props); this.state = { int ..

发布时间：2022-08-24 12:16:13 reactjs react-props react-lifecycle 其他开发

ReactJS：在模糊时保存输入值，而不是在每个击键时保存输入值

我已经创建了一个反应视图，比如MyView，它有两个文本输入，它们的初始值将由Parent Read从数据库中传递。 我还希望将更改的值保存回数据库。因此，还会为该视图传递一个相同的回调函数。 考虑到数据库保存操作很繁重，不应频繁执行。因此，我决定监听onBlur事件，而不是输入框上的onChange事件，因为在每次击键时都会调用onChange。 第一种方法： class ..

发布时间：2022-08-24 12:05:30 javascript reactjs onblur react-props getderivedstatefromprops 前端开发

如何将函数作为道具从功能父组件传递给子组件

父组件： const initialValue_modalProps = [ { show: false, response: "" } ]; const [modalProps, setModalProps] = useState(initialValue_modalProps) const passedFunction = () => { setModalProps( ..

发布时间：2022-08-24 11:56:08 reactjs react-props 其他开发

Reaction中破坏道具的不同方式

我在Reaction中看到了两种破坏道具的方法。 function MyComponent({name,age,height}){ // do stuff here } 或 function MyComponent(props){ const {name,age,height} = props ..

发布时间：2022-08-24 11:50:56 reactjs react-props 其他开发

在TypeScrip Reaction应用程序中指定特定道具并接受常规的HTML道具

我有一个Reaction包装器组件，它接受一些道具，但将所有其他道具转发给子组件(特别是与本机道具相关的，如类名称、id等)。 然而，当我经过本地道具时， TypeScrip抱怨道。请参阅错误消息： TS2339：类型上不存在属性“”ClassName“” ‘IntrinsicAttributes&；IntrinsicClassAttributes<；包装器>&；只读&l ..

发布时间：2022-08-24 11:30:32 javascript reactjs typescript react-props 前端开发

使用Next.js在打印脚本中键入重定向摘要

我正在使用TypeScrip构建一个Next.js项目。我正在尝试键入基于Redux状态重定向用户的即席。 以下是我到目前为止的情况： import { RootState } from 'client/redux/root-reducer'; import Router from 'next/router.js'; import { curry } from 'ramda'; imp ..

发布时间：2022-04-14 21:41:46 typescript next.js typescript-typings react-props higher-order-components 其他开发

反应子组件在重新渲染时丢失动画

我有一个使用Material UI的Reaction应用程序，下面显示了一个组件(我们可以称之为DatePicker)，出于演示的目的，对其进行了偷偷的更改。 材质UI以动画形式显示单击以及与其组件的其他交互。当单击已选中的单选按钮或状态不变的“时间按钮”时，此动画在上方可见。但是，当这样的单击更改状态时，动画将中断。 我可以从技术角度理解为什么会发生这种情况；DatePicker组件 ..

发布时间：2022-03-21 21:07:28 reactjs typescript material-ui css-transitions react-props 其他开发

无法使用React路由器DOM中的链接通过道具

using this to pass props over Watch page but can't get any value. 我的反应是新的，所以可能有愚蠢的错误，或者可能没有足够的信息。有关任何额外信息，请让我知道 推荐答案 如果您使用的是react-router-domv5， ..

发布时间：2022-02-22 16:29:38 reactjs hyperlink react-router react-router-dom react-props 其他开发

类组件中的功能组件

..

发布时间：2022-01-21 10:56:12 javascript reactjs components this react-props 前端开发

React 中如何使用布尔属性?

我试图澄清我对 React 中布尔道具的一些困惑. 假设一个 MyComponent 有几个布尔属性 prop1, prop2... 首先:布尔属性似乎和其他属性一样:您可以在 defaultProps 或解构参数: const MyComponent = ({ prop1, prop2 }) =>(...);MyComponent.defaultProps = {道具1:假，道具2 ..

发布时间：2022-01-19 17:20:07 reactjs boolean jsx react-props 其他开发

如何通过反应将数据从对话框发送回父容器?

我有一个 react-big-calendar (父容器)，我还有一个选择，日历的事件是根据这个选择(医生姓名)获取的，当我点击它时我有一个按钮，对话框将出现(另一个组件)，在这个对话框，我有一个表单可以在选择之后添加一个事件，当我发布我的 API 时，我将它保存在本地存储中，但是在刷新页面并重新选择医生姓名后，添加的事件并没有出现在我的日历上.但我想，当我点击保存按钮时，会直接添加到日历上，并且 ..

发布时间：2022-01-15 14:20:02 javascript reactjs dialog state react-props 前端开发

undefined 不是对象(评估“navigation.navigate")

我正在尝试从一个屏幕导航到标签栏中的另一个屏幕，以响应本机.但是，我收到以下错误 ButtonClickCheckFunction = () =>{常量 { 导航 } = this.props;navigation.navigate('detailsS​​creen', { detailsS​​creen: jsonData });} 有什么建议吗? 对于主屏幕，我们在标签栏中创建了堆 ..

发布时间：2022-01-10 17:57:24 react-native navigation constants react-props 其他开发

如何获取 React 表行数据 Onclick

您好，我正在尝试设置我的 react 应用程序，以便当您单击我的 react-table 中的行项目中的按钮时，该行中的数据将传递到另一个组件.目前我只是想控制台记录正确的数据，但不确定如何根据点击传递反应表行数据.我怎样才能做到这一点?谢谢 我的虚拟数据与按钮(显示详细视图)一起存储在状态中，我想触发数据通过 onclick: 列:[{标题:“名字"，访问者:“fname"},{标题: ..

发布时间：2022-01-09 17:23:27 reactjs onclick react-props react-table 其他开发

在响应中的 url 更改上重新渲染相同的组件

我有一个路由，它接受一个 id 并为每个 id 呈现相同的组件，例如: 现在在 Link 标签中，我将 id 传递给组件.现在 Card 组件根据传递的 id 获取其他详细信息.但问题是它只为一个 id 呈现，如果我单击返回并转到下一个 id，则不会更新.我搜索并发现可以使用 componentsWillReceiveProps 但在 React 的最新版本中它已被弃用.那么如何做到这一点呢 ..

发布时间：2021-12-21 18:27:40 javascript reactjs redux react-router react-props 前端开发

反应 useState/setState 错误:当组件的多个实例在同一页面上时不是函数

这里使用一些 useState 钩子有点麻烦也许你知道如何让它工作！这是我正在尝试做的事情的简要概述... 我正在制作一个 LMS 网页，让教师设计课程.教师可以从模板中挑选并插入视频/文本/图片.他们可能会选择两列布局或三列布局.他们可以混合和匹配布局中的内容类型.因此，教师可能会选择 3 列布局并在模板中放置三个视频. 我需要确保学生在继续之前观看视频的每一秒 - 我非常接近让它发 ..

发布时间：2021-09-15 19:36:59 reactjs react-props use-state 其他开发

发送组件新道具反应 - 卡住

我已经被卡住了几个小时......我正在尝试发送一个组件新道具......但它不会得到新道具. 这是发生了什么. 首先，用户单击帖子组件上的按钮...它会触发功能，在下面的父组件上“添加收藏夹"和“添加收藏夹".这两个函数决定是否应该将用户添加到收藏夹或从收藏夹中删除用户. 当用户被添加为收藏时，他们在 searchResults 组件内单击的按钮会显示不同的颜色.问题是他们必须 ..

发布时间：2021-09-15 18:55:28 reactjs react-props use-effect use-state 其他开发

TypeScript:接口不能同时扩展两种类型

我正在使用 TypeScript 编写 React 应用程序.我为我的组件使用 material-ui.我正在为 material-ui 的 Button 组件编写一个自定义包装器.它看起来像这样: import MUIButton, { ButtonProps } from "@material-ui/core/Button";import withStyles, { WithStyles } ..

发布时间：2021-09-12 18:36:56 reactjs typescript typescript-typings react-props typescript-types 其他开发

反应&TypeScript HOCs - 为什么我得到 Type '{}' 不能分配给 Type P?

在使用 TypeScript 学习 React 一本书进行编码时，我碰壁了.我投降了，直接从书上复制粘贴的代码，但是编译器还是不爽 我目前的解决方法是提供“任何"值，而不是 IProps，但这是一个廉价的黑客. 不工作的代码: import * as React from 'react';接口 IProps {加载:布尔值；}const withLoader = ..

发布时间：2021-09-11 20:09:46 reactjs typescript types react-props higher-order-components 其他开发

我们可以将 setState 作为 props 从一个组件传递到另一个组件并在 React 中从子组件更改父状态吗?

class App extends Component {构造函数(){极好的();this.state = {名称:'反应'};this.setState=this.setState.bind(this)}使成为() {返回 ( 开始编辑以看到一些奇迹发生:) );}}子组件var C ..

发布时间：2021-07-23 19:24:45 javascript reactjs function setstate react-props 前端开发

如何将reducer的返回值设置为react js组件中的状态对象

我有一个组件如下.我在其 componentDidMount() 事件上调用 api.我不明白为什么在组件渲染时我没有第一次获得它的 prop 值.我也不确定为什么组件渲染了 2 次.我有以下代码. import React, { Component } from "react";从“react-redux"导入{连接}；从“react-router-dom"导入{链接}；从“./AgmtT ..

发布时间：2021-07-04 20:37:27 reactjs react-redux react-props 其他开发