react-hooks 相关问题

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

使用 useState 修改上下文的问题

我正在学习如何实现登录系统的课程。在创建 AuthProvider 来测试上下文功能时，我将 useState 中 isAuthenticated 的默认值更改为 &

javascript reactjs react-hooks react-context

回答 1 投票 0

React 中的 watch 与 useState

我开始学习React。在我的 tsx 文件中，我有一个函数，里面有一个 useState 方法来观察一些值。还有一个 watch 方法来观察另一个值。有什么区别

reactjs react-hooks

回答 2 投票 0

当屏幕在反应js中处于活动状态时，导航栏屏幕名称和边框底部会发生变化

我想要这样导航栏.js 我想要这样的 NavBar.js <div className="icon-tab"> <Link className='icon-name nav-link' to="/Feed"> <div className=''> <img src="https://cdn-icons-png.flaticon.com/128/1176/1176875.png" alt='FEED TAB' className='icon' width={27} height={27} /> <div className='icon-name'>FEED</div> </div> </Link> </div> 应用程序.css .icon-tab { justify-content: center; align-items: center; display: flex; width: 90px; margin-left: 30px; text-align: center; } .icon-tab:active{ border-bottom: 2px solid #0275b1; } .icon-name { font-weight: bold; text-decoration: none; color: #000; } .icon-name:active { font-weight: bold; color: #0275B1; } 当主活动屏幕为主屏幕时，主屏幕永远不会出现条形图标，并且主屏幕标题颜色将发生变化，并且当屏幕打开（活动）时，底部边框也会出现我正在尝试这样做，但它不起作用，当我的鼠标单击图标和附近的栏标题时，它的颜色会发生变化，但我的输出会像这样，但在我的鼠标落下后，颜色将保持变化。当我的主屏幕打开时，如何执行此操作，然后我的主屏幕从不栏标题颜色更改，当我的另一个屏幕打开时，主屏幕从不栏标题颜色默认为黑色。使用导航栏代替链接： <NavLink className={'icon-name nav-link'} to="/Feed" > <div className="icon-tab"> <div className=''> <img src="https://cdn-icons-png.flaticon.com/128/1176/1176875.png" alt='FEED TAB' className='icon' width={27} height={27} /> <div className={`icon-name`}>FEED</div> </div> </div> </NavLink> 在上面的代码中，当 NavLink 处于活动状态时，链接获取 active class 并将 css 更改为： .icon-name { font-weight: bold; text-decoration: none; color: #000; } .icon-name.active , .icon-name.active .icon-name { font-weight: bold; color: #0275B1; } .icon-name .icon-tab { justify-content: center; align-items: center; display: flex; width: 90px; margin-left: 30px; text-align: center; } .icon-name.active .icon-tab{ border-bottom: 2px solid #0275b1; } 你是这个意思吗？

css reactjs react-hooks styled-components

回答 1 投票 0

在第二次渲染时，警报即将到来，但在第一次渲染时，不会引发警报

我正在检查 API 的结果，如果它的长度为零，我将抛出一个 sweetalert。但如果第一次渲染 Result.length 等于 0，它不会在第二次渲染时抛出警报，而是抛出...

reactjs react-hooks vite

回答 1 投票 0

如何处理以文本字段作为标签的单选按钮的输入

我正在努力获取以文本字段作为标签的单选按钮的输入。当单选按钮旁边的文本字段正在接收用户时，我也很难动态“检查”单选按钮......

reactjs react-hooks material-ui qradiobutton

回答 2 投票 0

是否可以对状态进行引用（来自减速器）以避免创建新的回调？

我经常有一个用例，其中reducer中有一些状态，并且也需要在某些回调（useCallback）中访问它 const [状态，调度] = useReducer(reducer, 初始状态); ... 常量