react随笔-1(为什么在react使用jq无法正确渲染组件位置)

今天心血来潮，打开了sublime想玩玩react，然后大家都知道的先引入一大串

就是在百度静态资源库里找到的。

然后贴html代码

对的，没错，就这么一行，毕竟只是测试嘛

然后js代码

大家一定要注意，在script的开头标签里，一定要注明，否则浏览器会报错，解析不了。

就按照这样的代码，照理来说应该没问题吧。

但是不知道为什么，浏览器就是出不来这样的效果。并且还给我报这样的错误

找了半天才发现，在react中的ReactDOM.render()方法中有两个参数，第一个是要渲染的组件，第二个必须要JS的原生对象。而我代码中使用的是jQ的对象，那怎么解决呢？

很简单把代码由

改为

或者使用$(".mydiv").get(0)将其转换为原生js对象，就ok啦！

诶这个bug找了很久，很尴尬，以后要注意啦！

转载于:https://www.cnblogs.com/LeoXnote/p/8534862.html

react随笔-1(为什么在react使用jq无法正确渲染组件位置)相关推荐

React学习笔记7：React使用注意事项
1. setState setState更新状态的2种写法方式一:setState(stateChange, [callback])------对象式的setState stateChange为状态 ...
React学习笔记6：React Hooks API总结
useState-保存状态(惰性初始化) 作用函数组件添加状态注意事项初始化以及更新state 用来声明状态变量使用步骤(使用useState来创建状态) 引入import React,{us ...
React学习笔记2：React面向组件编程
面向组件编程概述组件名必须首字母大写虚拟DOM元素只能有一个根元素虚拟DOM元素必须有结束标签渲染类组件标签的基本流程 React内部会创建组件实例对象调用render()得到虚拟DOM, ...
React Native开发之必备React基础
为了帮助大家快速上手React Native开发,在这本节中将向大家介绍开发React Native所需要的一些React必备基础知识. 概述本节课将从React的特点.如何使用React.JSX语 ...
React.js 小书 Lesson5 - React.js 基本环境安装
React.js 小书 Lesson5 - React.js 基本环境安装本文作者:胡子大哈本文原文:http://huziketang.com/books/react/lesson5 转载请注明 ...
react 遍历对象_探索：跟随《Build your own React》实现一个简易React
文章介绍 build-your-own-react是一篇操作说明书,指导用户一步步实现一个简易的React,从中了解到React的大体工作流程.这篇文章是我的观后整理和记录,或许对大家会有所帮助. 构 ...
react 图像识别_无法在React中基于URL查找图像
react 图像识别 If you're new to React and are having trouble accessing images stored locally, you're not ...
react 最佳实践_最佳React教程
react 最佳实践 React is a JavaScript library for building user interfaces. It was voted the most loved i ...
react 使用 mobx_如何使用React和MobX状态树构建基于状态的路由器
react 使用 mobx by Miles Till 由Miles Till 如何使用React和MobX状态树构建基于状态的路由器 (How to build a state-based rout ...
react 交互_如何在React应用程序中跟踪用户交互
react 交互 by Faouzi Oudouh 通过Faouzi Oudouh 如何在React应用程序中跟踪用户交互 (How to track user interactions in you ...

react随笔-1(为什么在react使用jq无法正确渲染组件位置)

react随笔-1(为什么在react使用jq无法正确渲染组件位置)相关推荐

最新文章

热门文章