随笔分类 -  Web前端 / react

摘要:在公司实习的时候前端技术用的是react,但是我之前并没有系统的学习过这门技术,公司又有封装好的框架,所以心血来潮自己弄 个框架以便以后些项目用的到。 安装并创建项目 npm install -g create-react-app create-react-app projectname 创建完项目 阅读全文
posted @ 2024-10-31 17:13 信铁寒胜 阅读(306) 评论(0) 推荐(0) 编辑
摘要:将 React 应用部署到 Tomcat 服务器上通常需要将其构建为静态文件,然后将这些文件放入 Tomcat 的 webapps 目录。以下是具体步骤: 步骤指南 1. 构建 React 应用 首先,你需要在本地构建你的 React 应用。 npm run build 这会在项目根目录下生成一个 阅读全文
posted @ 2024-10-10 13:17 信铁寒胜 阅读(193) 评论(0) 推荐(0) 编辑
摘要:1、我刚开始,是准备使用npm install react-split-pane 来引入的。 但是引入的过程报错了 npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! 阅读全文
posted @ 2024-04-18 14:46 信铁寒胜 阅读(567) 评论(0) 推荐(0) 编辑
摘要:1、像这种,根据someId值的改变,每次调用一次useEffect 的。如果在useEffect 加上async 则会出现报错 正确的做法,则是去掉useEffect 上的async useEffect(() => { async function fetchData() { try { // 在 阅读全文
posted @ 2024-04-18 10:53 信铁寒胜 阅读(13) 评论(0) 推荐(0) 编辑
摘要:上网找遍的办法,也没找到能否实现需求的。最后自己填填补补,实现了需求 const ResizableBox = () => { const [allWidth, setAllWidth] = React.useState(800); const [width, setWidth] = React.u 阅读全文
posted @ 2024-04-12 14:52 信铁寒胜 阅读(739) 评论(0) 推荐(0) 编辑
摘要:解决办法:我在JS里面,这个rightSelectRef 是没有用到的。我去掉就解决了 阅读全文
posted @ 2024-03-15 08:57 信铁寒胜 阅读(83) 评论(0) 推荐(0) 编辑
摘要:react错误: Uncaught Error: Too many re-renders. React limits the number of renders to prevent an infinite loop. 信铁寒胜: 更改页面数据时未放到useEffect方法内,导致页面一直在刷新。 阅读全文
posted @ 2024-02-27 10:48 信铁寒胜 阅读(393) 评论(0) 推荐(0) 编辑
摘要:当需要在 React 组件中引用异步函数获取的数据时,可以使用 useState 钩子来存储数据,并在组件渲染时进行处理。下面是一个示例,展示了如何在 React 中引用异步函数的数据并进行渲染: import React, { useState, useEffect } from 'react'; 阅读全文
posted @ 2024-02-07 09:27 信铁寒胜 阅读(293) 评论(0) 推荐(0) 编辑
摘要:在React Antd中,如果您改变了Table组件的数据源(dataSource),Table会自动重新渲染以反映新的数据。因此,只要您在状态或props中正确更新数据源,Table就会自动更新。 以下是一个示例代码片段,展示如何使用React状态(state)和按钮来更改数据源并更新Table组 阅读全文
posted @ 2024-02-03 09:45 信铁寒胜 阅读(1533) 评论(0) 推荐(0) 编辑
摘要:在React中使用Ant Design(antd)组件,可以通过不同的方式获取组件的值,具体取决于所使用的Ant Design组件和其相关的API。 一般来说,大部分Ant Design组件都有value属性或onChange事件,可用于获取或监听组件的值。以下是几个常见的Ant Design组件的 阅读全文
posted @ 2024-02-02 10:42 信铁寒胜 阅读(395) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示