03 2025 档案
摘要:一、hook的功能 简单总结一下hooks: 它可以让我们在不编写class的情况下使用state以及其他的React特性; 但是我们可以由此延伸出非常多的用法,来让我们前面所提到的问题得到解决; ◼ Hook的使用场景: Hook的出现基本可以代替我们之前所有使用class组件的地方;
阅读全文
摘要:一、路由 ◼ 路由其实是网络工程中的一个术语: 在架构一个网络时,非常重要的两个设备就是路由器和交换机。 当然,目前在我们生活中路由器也是越来越被大家所熟知,因为我们生活中都会用到路由器: 事实上,路由器主要维护的是一个映射表; 映射表会决定数据的流向; ◼ 路由的概念在软件工程中出
阅读全文
摘要:一、redux概念 ◼ JavaScript开发的应用程序,已经变得越来越复杂了: JavaScript需要管理的状态越来越多,越来越复杂; 这些状态包括服务器返回的数据、缓存数据、用户操作产生的数据等等,也包括一些UI的状态,比如某些元素是否被选中,是否显示 加载动效,当前分页; ◼ 管理
阅读全文
摘要:一、react-transition-grou过渡动画 react-transition-group本质是自动给我们添加类和删除类,具体的过渡动画效果还是要我们自己写。 ◼ 在开发中,我们想要给一个组件的显示和消失添加某种过渡动画,可以很好的增加用户体验。 ◼ 当然,我们可以通过原生的CSS来实现这
阅读全文
摘要:一、portals 我们所有的元素都将挂载到#root下,但是有的时候,我们希望一部分元素挂载到html的其他元素,这个时候就可以使用protals了。 ◼ 某些情况下,我们希望渲染的内容独立于父组件,甚至是独立于当前挂载到的DOM元素中(默认都是挂载到id为root的DOM 元素上的)。 ◼ Po
阅读全文
摘要:一、概念 我的理解是,是否有react提供数据,分为受控组件和非受控组件。 比如input元素,只要绑定了value属性,那么在react中,用户在输入框输入的值不会显示在输入框(react应该做了限制,原生html的input框即使value绑定了值依然可以输入), 这就导致,想改变value的值
阅读全文