首页 > 其他分享 >React的坑

React的坑

时间:2023-07-20 11:36:06浏览次数:39  
标签:react 依赖 读取 React 属性 setState

1. react中没有computed属性,没有watch

这个很伤,简单的使用ES6 class的get属性,根本不能解决问题,setState之后,级联属性不能自动刷新视图

不用mobx,只能自己去setState依赖属性,而且依赖属性如果使用,state.属性名,去读取属性

则不能再setState源属性的同时,设置依赖属性,因为依赖属性无法读取到修改后源属性

只能在setState的Callback中去读取源属性,要么就直接传递源属性的值作为参数来同步修改

react还是挺难用

标签:react,依赖,读取,React,属性,setState
From: https://www.cnblogs.com/mengff/p/17567824.html

相关文章

  • Reactjs学习-props, state, render之间的关系以及虚拟Dom
    本篇是关于React的基础-渲染以及虚拟domprops,state, render之间的关系当组件的state或者props发生改变时,render函数重新执行当父组件的render函数执行时,子组件的render函数也会重新执行2.虚拟Dom产生背景:react是视图层的框架,数据加JSX模板构成我们的视图,数据会发生改变......
  • 基于Avalonia 11.0.0+ReactiveUI 的跨平台项目开发2-功能开发
    基于Avalonia11.0.0+ReactiveUI的跨平台项目开发2-功能开发项目简介:目标是开发一个跨平台的AI聊天和其他功能的客户端平台。目的来学习和了解Avalonia。将这个项目部署在openKylin1.0的系统上。为什么使用Avalonia:之前已经了解了基于Avalonia的项目在国产麒麟系统中运行的......
  • react-native 调用手机自带分享
    实现效果 importSharefrom'react-native-share'importViewShotfrom'react-native-view-shot'constshotRef=useRef<ViewShot>(null)constgetTime=()=>{returnnewDate().getTime().toString()}constOnShare=()=&g......
  • Reactjs学习-组件之间传值
    本篇是关于React的基础-父子组件之间传值子组件想使用父组件的某个属性父组件就需要把这个属性传递给子组件,子组件就可以用this.props.属性名来接收子组件调用父组件的方法父组件就需要把这个方法以属性的方式传递给子组件,子组件就可以用this.属性名来调用,要注意this指向......
  • Reactjs学习-JSX语法
    本篇是关于React的基础-JSX语法什么是JSX在js文件中写html,这样的语法就是JSX 如何书写跟html写法一致,注意,首字母大写的标签是组件,首字母小写的,例如div是html元素 有哪些注意事项1.在类组件中写注释,用花括号包起来2.style中的某个属性需要用state中的值, 用模......
  • Reactjs学习-State
    本篇是关于React的基础-State在哪儿定义react在Constructor函数中定义state,如下 如何绑定使用JSX语法中,想使用刚才定义的state,需要用花括号包起来例如 如何修改state需要绑定事件,React提供setState函数来做这个操作this.setState({state名:值})注意:......
  • 浅析vue3中如何使用动态组件、如何快速理解Vue3的 toRaw和markRaw、ref与shallowRef、
    一、Vue3中使用component:is加载动态组件1、不使用setup语法糖,这种方式和vue2差不多,is可以是个字符串2、使用setup语法糖,这时候的is如果使用字符串就会加载不出来,得使用组件实例<componentclass="task-box":is="componentObj[route.params.type]":info="taskInfo"></co......
  • React、Vue框架如何实现组件更新,原理是什么?
    原文合集地址如下,有需要的朋友可以关注本文地址合集地址引言React和Vue都是当今最流行的前端框架,它们都实现了组件化开发模式。为了优化性能,两者都采用了虚拟DOM技术。当组件状态发生改变时,它们会使用虚拟DOM进行局部渲染比对,只更新必要的DOM节点,从而避免重新渲染整个......
  • 基于Avalonia 11.0.0+ReactiveUI 的跨平台项目开发1-通用框架
    基于Avalonia11.0.0+ReactiveUI的跨平台项目开发1-通用框架Avalonia简介:Avalonia是.NET的一个跨平台UI框架,提供了一个灵活的样式系统,支持广泛的操作系统,如Windows、Linux、macOS,并对Android、iOS和WebAssembly提供了实验性支持。为什么使用Avalonia:之前已经了解了基于Avalon......
  • react项目中使用redux的实例
    当在React项目中使用Redux,你需要安装redux和react-redux库。下面是一个简单的示例,展示了如何在React项目中集成Redux:1.安装依赖库:npminstallreduxreact-redux2.创建Reduxstore:在项目的根目录下,创建一个名为store.js的文件,并编写以下代码:点击查看代码import{createSto......