react-hooks 相关问题

Hooks是一项新功能,允许开发人员在不编写类的情况下使用状态和其他React功能。

内部回调函数 - 始终显示初始状态

我有一个有状态的功能反应组件,我也使用sortablejs。 const myComponent =()=> {const [myData,setMyData] = useState([...一些初始数组数据......]); const testMe =()=&...

回答 1 投票 0

React - Hooks + Context - 这是进行全局状态管理的好方法吗?

我试图找到一个好的,干净的,有很少的样板,处理React的全局状态这里的想法是有一个HOC,利用React的新Hooks和Context API,返回...

回答 1 投票 1

结合不使用Redux的Reducer

我有一个没有redux的应用程序,我使用钩子和钩子useReducer +上下文来处理全局状态。我有1个useReducer,它像Redux商店一样。但要做到这一点,我只能送1 ...

回答 1 投票 1

ESLint:缺少组件定义displayName(react / display-name)

我正在使用带有antd的react hook组件。为表设置列时,render函数给出了一个ESLint错误:ESLint:缺少组件定义displayName(react / ...

回答 1 投票 0

钩子会推翻redux吗?

我一直在寻找关于React的钩子的一段时间,而且一个问题在我的脑海里变得持久。钩子会推翻redux吗?这是一个相当古老的讨论,所以首先是一些背景:......

回答 3 投票 3

在React中可以使用React.useState(()=> {})吗?

是否可以使用函数作为我的React Component的状态?这里的示例代码:// typescript类型OoopsFunction =()=> void;导出函数App(){const [ooops,setOoops] = React ....

回答 2 投票 1

如何使用React Hooks重构现有代码?

我正在查看React Hooks函数,并对如何准确使用useState和useEffect重构现有代码有一些犹豫。例如,我有一个像这样的老派组件:......

回答 1 投票 0

如何使用useEffect钩子注册事件?

我正在关注如何使用钩子注册事件的Udemy课程,教师给出了以下代码:const [userText,setUserText] = useState(''); const handleUserKeyPress = event => {...

回答 6 投票 12

如何使用react测试库测试自定义Hook

我尝试使用react-hooks-testing-library,但似乎不知道如何处理使用useContext的钩子。从'../../ AuthContext / ...'反应'import {AuthContextData}导入React,{useContext}

回答 1 投票 1

我需要帮助将反应类组件转换为反应钩子

我是反应钩的初学者,我也在我的项目中使用graphql。有人可以帮助将组件转换为反应钩子。 class Detail extends Component {static propTypes = {classes:...

回答 2 投票 -2

未捕获的不变违规:渲染了比上一次渲染更多的钩子

我有一个看起来像这样的组件(非常简化的版本):const component =(props:PropTypes)=> {const [allResultsVisible,setAllResultsVisible] = useState(false); const ...

回答 2 投票 1

反应挂钩中的另一个卸载useEffect不会影响状态更改

新的反应钩子。 //使用useState创建状态const [clearSelected,setClearSelected] = useState(true); // clearSelected更改为false setClearSelected(false);既然没有......

回答 2 投票 3

从类重构到函数 - 增强函数的方法

我试图将类组件重写为函数。通常,我有一个增强的组件作为类属性:class Grid extends Component {tableCell = params =>(

回答 3 投票 0

React Hooks - 返回useContext而不破坏Hooks规则

我正在调整这段代码,但我不能继续前进,因为React抱怨我的钩子。 // globalStateManager.js从'react'导入React,{createContext,useContext,useReducer};进口......

回答 1 投票 1

如何在反应路由器上更改标题背景?

我是新手做出反应并尝试在我所在的路由器路径上动态更改标头库的背景。我不想使用redux。我试图实现withrouter,但没有成功。对我来说很难...

回答 5 投票 0

如何使用useTheme()钩子消耗我的自定义主题?

当我宣布我的MuiProvider时,我有一段代码,如下所示: {} this.props.children

回答 2 投票 1

防止不必要的重新呈现子元素

我在react中创建了一个全局通知组件,它使用Context为其子级提供createNotification句柄。通知与props.children一起呈现。在那儿 ...

回答 1 投票 2

如何使用Formik使用Switch组件(material-ui)修复可选字段的验证

我正在尝试修复表单中的错误。该表单是使用Formik和一个名为GenericForm的自定义反应组件构建的,它基本上处理验证并将对象数组映射到子表单中。

回答 1 投票 0

React类组件的问题与onScroll Init的React Hook相同

我正在尝试制作一个与我开发的React Hook行为相同(并且正确)的React类组件。我在stackblitz中显示的示例在此处显示时没有显示正确的图像...

回答 1 投票 1

多个效果挂钩的多个状态更改

我似乎无法为一个场景找到一个好的模式...让我们说组件中有这种顺序:const component =({propslist})=> {const [state1,changeState1] = useState(); const [...

回答 1 投票 1

© www.soinside.com 2019 - 2024. All rights reserved.