J_aSON_的博客

React中img加载图片时遇上了403我在做项目的时候遇上了这么一个问题，那就是在React项目中，使用img标签加载网页的图片的时候，居然遇上了403，但是直接把网页图片的地址放到地址栏时浏览器是可以成功加载的，但是放到React项目中使用img加载网页图片的时候就会403，如果遇上了这种情况，以下是解决办法：在index.html文件中加上<meta name="referrer" content="no-referrer">下面是转载的一篇技术介绍Referrer Poli

三种不同形式的ref一.字符串形式的ref （最老的版本，不是特别推荐使用了,他可能会在未来的版本中被移除）[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-iqq9N6Vk-1626356126211)(/home/jason/.config/Typora/typora-user-images/image-20210715132455206.png)]我们用ref = ‘input1’标记一个标签后， 用this.refs.input1获取到的东西不是虚拟dom,虚拟d

this.props中的值是只读的 不能通过 this.props.name = 'jack’这类的语句进行修改。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zreNEBIH-1626275198964)(/home/jason/.config/Typora/typora-user-images/image-20210714225309012.png)]这种情况几乎用不到构造器就两个作用1.初始化state(但是我们也可以在其他地方赋值) 2.为事件处理函数..

2021.7.14 react review…运算符是不能展开对象的在 es6语法中 , 添加了一个可以用于深度拷贝的语法 let a = {…obj}; 这样可以把obj上的内容完全复制一份到a的位置， 他不同于浅拷贝let a = obj ,这个只是给了a 一个obj的引用。在react中，我们在给reactDOM绑定要渲染的组件时，可以通过props传参,这个时候，我们可以通过{…props}语法进行批量传参，这个语法虽然长得和上面的语法很像，但是这个是不一样的，这里面的{}相当于一个分隔符，

jsx语法规则复习2021.7.061.在定义虚拟dom时，不要写引号。2.标签中要写js表达式要用{}包起来3.在jsx中如果要写类名class，需要替换成className,因为class已经作为类的关键字了。4.类似font-size这种连着的在jsx中3应该用驼峰命名法书写5.jsx中只能有一个根标签6.如果你写了自己随便定义的标签名[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-oyZBTvWc-1626232861626)(/home/jason/.

2.2. React开发依赖开发React必须依赖三个库：react,包含了React所必须的核心代码react-dom ： react渲染在不同平台所需要的核心代码babel: 将jsx 转换城React代码的工具第一次接触React会被它繁琐的依赖搞蒙，对于Vue来说，我们只是依赖一个vue.js文件即可，但是react居然要依赖三个库。其实呢，这三个库是各司其职的，目的就是让每一个库只单纯做自己的事情：在React的0.14版本之前是没有react-dom这个概念的，所有功能都包含

我查了好多文档，用强制清除缓存的方法都不太行，最后用了淘宝镜像的cnpm install npm -g 重新安了一遍后，在执行npx的命令。就成功了