React
关注
分享
扫一扫
文章平均质量分 62
翱翔天地
技术在于专注！主要从事前端开发，熟悉vue、jQuery、uniapp等，有微信公众号和微信小程序开发经验，熟练使用echarts、highcharts、帆软报表；了解Java、python和mysql
展开
-
react.js:20157 Uncaught Invariant Violation: _registerComponent(...): Target container is not a DOM
1、错误描述react.js:20157 Uncaught Invariant Violation: _registerComponent(...): Target container is not a DOM element.2、错误原因var ea = React.createClass({ render: function() { var elapsed = Ma原创 2016-09-18 11:26:35 · 3651 阅读 · 0 评论 -
React生成无序列表
1、问题背景 利用React生成无序列表，列表展示的是一年四季2、实现源码 React之无序列表 ReactDOM.render( 春季 夏季 秋季 冬季 , document.getElementById('ul') ); 3、实现结果原创 2016-11-06 21:29:40 · 1423 阅读 · 0 评论 -
Uncaught SyntaxError: Inline Babel script: Adjacent JSX elements must be wrapped in an enclosing tag
1、错误描述babel.min.js:7 Uncaught SyntaxError: Inline Babel script: Adjacent JSX elements must be wrapped in an enclosing tag (3:25) 1 | 2 | function Person(info){> 3 | return <h1...原创 2019-05-10 09:55:23 · 1678 阅读 · 0 评论 -
Uncaught Error: The `style` prop expects a mapping from style properties to values, not a string
1、错误描述2、错误原因<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="../js/react.development.js"></script> <...原创 2019-05-10 11:50:25 · 5136 阅读 · 0 评论 -
Uncaught SyntaxError: Inline Babel script: Unexpected token
1、错误描述2、错误原因<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="../js/react.development.js" &g...原创 2019-05-10 14:30:09 · 4055 阅读 · 0 评论 -
TypeError: react__WEBPACK_IMPORTED_MODULE_0___default.a.createClass is not a function
1、错误描述2、错误原因import React, {Component} from 'react';import {render} from 'react-dom';import Button from 'react-bootstrap/Button';var TickTock = React.createClass({ mixins: [SetIntervalMi...原创 2019-05-24 14:33:10 · 11764 阅读 · 8 评论 -
Element type is invalid: expected a string (for built-in components) or a class/function (for compos
1、错误描述2、错误原因import React from 'react';import ReactDOM from 'react-dom';import Column2D from './components/Column2D.js'import logo from './logo.svg';import './App.css';function App() { ...原创 2019-05-21 15:56:19 · 12211 阅读 · 0 评论 -
Objects are not valid as a React child (found: [object HTMLDivElement])
1、错误描述2、错误原因import React from 'react';import ReactDOM from 'react-dom';import './index.css';import App from './App';import * as serviceWorker from './serviceWorker';ReactDOM.render(<Ap...原创 2019-05-21 16:02:27 · 3256 阅读 · 0 评论 -
bash: create-react-app: command not found
1、错误描述Administrator@SKY-20160824VTF MINGW64 /d/HBuilderProjects/cmn$ npm install create-react-appnpm WARN saveError ENOENT: no such file or directory, open 'D:\HBuilderProjects\ ...原创 2019-05-23 00:10:38 · 3566 阅读 · 0 评论 -
Component(...): Nothing was returned from render
1、错误描述2、错误原因class Column2DChart extends React.Component { render() { return ( <ReactFusioncharts type="column2d" width="1200" height="600" dataFor...原创 2019-05-23 15:08:08 · 3091 阅读 · 0 评论 -
TypeError: instance.render is not a function
1、错误描述2、错误原因import React, {Component} from 'react';import {render} from 'react-dom';import Button from 'react-bootstrap/Button'class InputRead extends Component { constructor() { return ...原创 2019-05-24 10:38:18 · 5064 阅读 · 0 评论 -
React生成有序列表
1、问题背景 利用React生成有序列表，并按照有序排列2、实现源码 React之有序列表 ReactDOM.render( 第一步 第二步 第三步 第四步 第五步 第六步 , document.getElementById('ol') );原创 2016-11-06 21:23:16 · 1695 阅读 · 0 评论 -
React获取DOM节点
1、问题背景 利用React获取DOM节点，需要利用ref属性2、实现源码 React获取DOM节点 var Cat = React.createClass({ cutClick:function(){ this.refs.person.focus(); }, render:function(){ r原创 2016-09-30 00:22:29 · 10940 阅读 · 3 评论 -
React之简单入门实例（计时器）
1、问题背景 利用React实现一个计时器的效果，改变时间为1s2、实现源码 React之简单入门实例（计时器） var ea = React.createClass({ render: function() { var elapsed = Math.round(this.props.elapsed原创 2016-09-18 11:33:36 · 6005 阅读 · 0 评论 -
React记录按钮点击次数
1、问题背景 点击按钮，记录点击次数2、实现源码 React记录按钮点击次数 var BtnCounter = React.createClass({ getInitialState: function () { return { count: 0 }; }, ha原创 2016-09-18 14:55:32 · 2255 阅读 · 0 评论 -
React生成表单input
1、问题背景 利用React实现生成input输入框，并在输入框中赋值2、实现源码 React生成表单input var Input = React.createClass({ getInitialState:function(){ return {value:'请输入用户名！'}; }, inputChang原创 2016-10-08 23:16:10 · 2592 阅读 · 0 评论 -
Invalid component element. Instead of passing a string like 'div', pass React.createElement('div')
1、错误描述Uncaught Invariant Violation: ReactDOM.render(): Invalid component element. Instead of passing a string like 'div', pass React.createElement('div') or .2、错误原因3、解决办法原创 2016-09-24 00:16:44 · 1373 阅读 · 0 评论 -
React节点插入内容
1、问题背景 有个元素div，向里插入内容React，利用React来实现2、实现源码 React节点插入内容 ReactDOM.render( React, document.getElementById("titleDiv") ) 3、实现结果原创 2016-09-29 14:21:56 · 5732 阅读 · 0 评论 -
React遍历数组
1、问题背景 利用React遍历数组，并用数组元素生成无序列表2、实现源码 React遍历数组 var students = ["张三然","李慧思","赵思然","孙力气","钱流量"]; ReactDOM.render( { students.map(function(username){原创 2016-09-29 14:35:18 · 28637 阅读 · 0 评论 -
React遍历标签数组
1、问题背景 利用React遍历标签数组，并生成有序列表2、实现源码 React遍历标签数组 var strArray = [ 春季, 夏季, 秋季, 冬季 ]; ReactDOM.render( { strArray.map(function(username原创 2016-09-29 14:46:24 · 10785 阅读 · 0 评论 -
React生成组件类
1、问题背景 利用React生成组件类，并显示类中属性以及属性值2、实现源码 React生成组件类 var Person = React.createClass({ render:function(){ return 姓名：{this.props.username},年龄：{this.props.age} } }原创 2016-09-29 15:04:13 · 1209 阅读 · 0 评论 -
React访问组件子节点
1、问题背景 利用React访问组件子节点，而子节点是XML构成的2、实现源码 React访问组件子节点 var Student = React.createClass({ render:function(){ return ( { React.Children.map(this.p原创 2016-09-29 23:49:32 · 2172 阅读 · 0 评论 -
React组件的属性PropTypes
1、问题背景 利用React的属性PropTypes，可以接受任意的字符串、对象、函数等。2、实现源码 React组件的属性PropTypes var WanTitle = React.createClass({ propTypes:{ name:React.PropTypes.string.isRequired, }原创 2016-09-30 00:02:33 · 1667 阅读 · 0 评论 -
Target container is not a DOM element
1、错误描述2、错误原因import React, {Component} from 'react';import {render} from 'react-dom';import Button from 'react-bootstrap/Button'const ProPic = (props) => { return ( <img src={'http:...原创 2019-05-24 11:32:37 · 7724 阅读 · 0 评论