dede手机网站更新,受欢迎的昆明网站建设,青岛专业网站制作团队,东城做企业网站多少钱1、图片引入路径
在react中img的src不能采用img src../../images/xxxxx.png /这类方式直接使用相对路径#xff0c;因为最后渲染时#xff0c;这个路径实际上是用变量的样子代替#xff0c;所以在标签里面用{}包裹。
正确写法#xff1a;
import lu…1、图片引入路径
在react中img的src不能采用img src../../images/xxxxx.png /这类方式直接使用相对路径因为最后渲染时这个路径实际上是用变量的样子代替所以在标签里面用{}包裹。
正确写法
import luohudongtai from ../../images/luohudongtai.png;
img src {luohudongtai} /
2、表单双向绑定
react实现了对Form.Item下的自定义组件自动注入value属性和onChange事件子组件可以直接通过props调取使用
3、其他组件双向绑定
react的input、select等组件中没有数据双向绑定可利用useState value onChange事件实现
4、子组件向父组件传值
1通过父组件传递到子组件的方法向父组件传递值
5、useRef使用场景
1)如果我们只是想保存状态不影响视图更新而且可以同步更新useState是异步更新获取我们的状态那么就使用 useRef可以用全局的变量代替注意命名
2用于操作Dom元素取某个组件的原生事件如主动调用input的click事件
变量是决定视图图层渲染的变量请使用useState其他用途useRef
6、Redux库
需要回调通知state (等同于回调参数) - action action是纯声明式的数据结构只提供事件的所有要素不提供逻辑
需要根据回调处理 (等同于父级方法) - reducer是一个匹配函数action的发送是全局的所有的reducer都可以捕捉到并匹配与自己相关与否相关就拿走action中 的要素进行逻辑处理修改store中的状态不相关就不对state做处理原样返回
需要state (等同于总状态) - store负责存储状态并可以被react api回调发布action
