React，Typescript中无状态功能组件内的事件处理

文章/答案/技术大牛

发布

1回答

reactjs、typescript、event-handling

我的一个函数组件中有一个onClick事件： }) </div>} export default BreadCrumbs;

浏览 15提问于2017-12-15得票数 0

回答已采纳

2回答

检测状态更新是否批次在React中？

reactjs、react-hooks

正如在中所解释的，React批状态更新调用在React事件处理程序中。

浏览 0提问于2020-12-19得票数 1

回答已采纳

1回答

考虑用TypeScript编写的两个React组件，其中一个是另一个的子组件。子选项卡具有选项卡，并维护其当前选择哪个选项卡的状态： export const ClientCategoryTabs: React.FunctionComponent<ClientCategoryTabsProps还有其他功能，可以根据需要在单击上切换选项卡。选项卡的内容可能会改变，这将在此选项卡子组件</

浏览 2提问于2019-12-31得票数 0

回答已采纳

1回答

在typescript中定义功能组件的状态接口

typescript、react-hooks

有了钩子，功能React组件就不再是无状态组件了。它可以有状态，所以为功能组件定义状态接口是有意义的。虽然typescript不会抛出任何错误/警告，但最好定义一下。在做同样的事情时需要帮助。

浏览 25提问于2019-05-20得票数 1

2回答

防止在异步事件处理程序期间更新卸载的组件

reactjs

我有一个删除组件的异步事件处理程序，但是这个组件使用状态来监视事件处理程序的执行状态。事件处理程序是从远程数据库中删除项的模拟。问题是，在成功删除组件时，组件被卸载，因此最后的状态更新(指示已完成删除)触发错误“无法对已卸载的组件执行响应<

浏览 1提问于2020-11-12得票数 0

回答已采纳

1回答

当从React页面导航时，是否需要解除绑定/删除事件侦听器？

javascript、node.js、reactjs

我正在制作一个网络应用程序的反应。我现在有A页和B页。页面A有几个事件侦听器绑定到页面上的各种元素。但是，当我从A页导航到B页时，我会在控制台中反复显示以下错误(就像几秒钟内发生的数十个错误一样)：警告:setState(.)：只能更新安装或安装组件。这通常意味着在未挂载的组件上调用setState()。这是禁止行动。请检查LandingPageHeader组件的代码。是否需要在componentWillUnmo

浏览 5提问于2017-04-01得票数 0

1回答

是否反应从React.memo转向了useMemo？

reactjs、react-hooks、react-memo、react-usememo

但是，它们确实起作用，因为React.memo用于包装一个函数组件，useMemo钩子几乎可以用于任何函数，甚至是纯计算。更重要的是，useMemo通常从父组件调用到子组件，而React.memo通常在子组件本身的声明中被调用。虽然两者都有不同的优势，但React.memo的一个优点是，不必从每个父级调用到子级关系。然而，随着钩子的释放，显然，React开发希望

浏览 1提问于2020-04-18得票数 3

1回答

如何使用Visual studio 2019 Typescript使React对象成为任何声明的不必要对象

javascript、reactjs、typescript

我已经在Visual Studio2019 nodejs项目中创建了一个Typescript程序，但是如果我没有包含以下声明，如果我使用setState方法或this.props，它将导致错误。export default class ReduxTest extends React.Component { state: any; setState在Types文件夹中，有一个定义文件react.d.ts。所以我不知道如何设置tsconfig.json。tsconfig.json

浏览 11提问于2019-05-02得票数 2

1回答

停止使用钩子的反应性功能组件重新呈现。

reactjs、frontend、react-hooks、web-frameworks、rerender

我有一个纯功能组件，在这里我使用useEffect获取一些数据。我将一个空字符串传递给useEffect，因此它的作用就像一个组件挂载一样。setLocalState({ a: 2 }); }, 0);我的整个组件现在重新呈现两次我想控制这种行为，并且只在特定的条件下重新渲染。在这里，当reRender设置了localStat

浏览 0提问于2019-03-06得票数 3

2回答

编写优化的React功能组件

reactjs

据我所知，当需要重新渲染或有任何状态更新时，整个React功能组件都会重新运行，那么如何正确管理这些函数中的状态？如果你不想在函数每次重新运行时都重新创建它，那么让它空出事件处理程序这样的成员是否很重要？对于编写优化的功能组件，是否有某种最佳实践？

浏览 0提问于2019-08-31得票数 0

5回答

如何在TypeScript中使用具有反应性无状态功能组件的子组件

reactjs、typescript

使用带有for的TypeScript，我们不再需要扩展React.Props，以便编译器知道所有React组件道具都可以有子组件： }但是，对于无状态功能组件，情况似乎并非如此： return (

浏览 2提问于2016-11-22得票数 139

回答已采纳

1回答

React语义UI表单元格不响应onClick

reactjs、onclick、semantic-ui

我的函数式React组件中有一个。我想处理单个单元格的onClick事件。我希望每次我在单元格内单击时，以下内容都会记录到控制台。import React from "react" return/Table.Cell&

浏览 7提问于2019-11-29得票数 0

回答已采纳

1回答

是否在调用document.onpaste后更新React状态？

reactjs

我正在尝试设置一个功能组件，允许用户将其剪贴板图像复制/粘贴到应用程序中。在useEffect中，我设置了document.onpaste。这是工作，我能够得到图像，并上传它。但我需要让它在粘贴后更新状态，这样我就可以允许它们粘贴多个图像并将它们保存在状态中的数组中。我已经简化了下面的问题。基本上，当我粘贴时，我想让它更新计数器值，但它没有。计数器总是= 0。如果我使用普通的react按

浏览 0提问于2021-03-02得票数 0

2回答

在创建react组件时，何时使用箭头函数、类和对象文字？

reactjs

我找不到源代码，但在react文档中有一个明确的通知，说明就react而言，箭头函数、类声明和对象文字是相同的。我觉得还是有一些细微的差别。在什么情况下应该使用哪种格式？谢谢。CompA = ()=> {}const CompC= () => {} (请允许我在几个小时后阅读/回复答案/评论。)

浏览 0提问于2018-08-19得票数 2

1回答

React & ForwardRef -属性'ref‘在'IntrinsicAttributes’类型中不存在

javascript、reactjs、typescript、react-forwardref

在花了相当长的时间与类型和forwardRefs在React和TypeScript上斗争之后，我希望其他人能帮我澄清这一点。我正在构建一个DataList组件，它由三部分组成： </DataList.List> 为了实现我所需要的功能，我正在利用React.forwardRef，但我发现TypeScript</

浏览 0提问于2021-03-06得票数 3

回答已采纳

2回答

React.js w/ react路由器:我的组件应该对url中的变化作出反应吗?反之亦然？

javascript、reactjs、react-router、url-routing、state

我的问题更多的是关于高级设计决策，有关我的应用程序的路由，以及随后的组件被呈现。我的应用程序有多个“页面”/“部分”。导航到这些部分可以简单地使用基本路由处理。其中一个部分是“查找簿”，它有一个类似Instagram的照片提要(路线是"/lookbook")。如果我要点击照片在这个照片提要，我希望一个模式显示与扩展的照片与一些额外的数据。我的</em

浏览 2提问于2016-12-05得票数 2

回答已采纳

3回答

类组件和函数组件的区别是什么？

function、react-native、class

我是新来的反应本地人，我计划工作与反应钩。但是为了使用钩子，我需要实现函数组件而不是类组件。那么它们之间的主要区别是什么呢？

浏览 6提问于2020-03-02得票数 1

回答已采纳

3回答

如何在React中绑定函数和钩子？

javascript、reactjs、react-native、react-hooks

基本上，我们在构造函数中绑定事件处理函数，或者在React类组件中将它们作为箭头函数，如下所示 constructor(props){this.state.count + 1}); return <button onClick={this.setCount}>Increase</button>} 但是在Reactv16.7.0中<

浏览 1提问于2018-11-09得票数 26

回答已采纳

8回答

什么是反应受控的成分和不受控制的成分？

reactjs、react-component

ReactJS中哪些是受控组件，哪些是不受控制的组件？他们之间有什么区别？

浏览 11提问于2017-03-01得票数 237

回答已采纳

1回答

react typescript创建引用以访问子项状态

node.js、reactjs、typescript、react-typescript

我想要在父组件中访问子组件的状态，我不想在子组件中使用任何可以在父组件中设置变量的处理程序，或者我不想在父组件中提升状态。如何在react typescript中使用ref to createRef并在父组件中获取子组件的状态？: number exp

浏览 0提问于2020-07-03得票数 1

点击加载更多