- 博客(6)
- 收藏
- 关注
原创 react Formik简介
它提供了许多实用的组件和函数,使在 React 应用程序中处理表单数据变得更加轻松愉快。传统的 React 表单管理方法需要为每个表单字段创建一个 useState() 钩子,为每个字段添加事件监听器,并触发方法以单独更新它们。在上面的代码中,Formik 组件包装了表单,并提供了管理表单状态、处理验证和提交表单的必要上下文。Field 组件定义了每个表单输入,例如 fullname、email 和 password,而 ErrorMessage 组件用于显示每个字段的验证错误。
2024-02-19 19:39:22 472 1
原创 React 父子组件通信
父组件ParentComponent定义了一个状态data和一个更新状态的方法updateData,然后将updateData方法作为props传递给子组件ChildComponent。子组件中的输入框通过调用updateData方法来更新父组件的数据状态,实现了双向数据传递的效果。React中,父组件可以通过props向子组件传递属性。子组件可以通过props接收父组件传递的属性。
2024-02-01 21:25:20 568 1
原创 React useEffect
在组件加载,更新,销毁的时候可以使用。当组件初始化,销毁时候设置。当组件发生改变的时候,设置。的值发生改变时候,将。
2024-01-02 21:34:48 360
原创 前端mfe组件测试方法
在工作中遇到了,改动别的微前端然后需要打包后发布。在此之前需要对其进行测试。之后发现无论怎么打包替换都没有更改,需要删除文件目录下的。
2023-12-02 16:32:11 376 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人