当我尝试在 React 版本 15.2.0 中使用这两个函数时,我在代码中发现了一个问题,尽管如此,我找到了一个解决方法,但我想知道是否有更好的解决方案。
//app.jsx
var React = require('react');
var ThumbnailList = require('./thumbnail-list');
var options = {
ThumbNailData: [{
title : 'Download the ISO',
number : 32,
header : 'Learning React',
description: 'The best library for creating fast and dynamic websites.',
imageUrl : 'image source'
},{
title : 'Download the ISO',
number : 64,
header : 'Learning Gulp',
description: 'Speed your development framework!',
imageUrl : 'image source'
}],
};
var element = React.createElement(ThumbnailList,options);
React.render(element, document.querySelector('.container'));
因此,每当我尝试运行我的 index.html 文件时,什么都没有显示,但是控制台会出现第一个错误:React.render is not a function。我发现出现这种情况是因为这个新版本的React需要react-dom,也就是
//app.jsx
var React = require('react-dom');
var ThumbnailList = require('./thumbnail-list');
var options = {
ThumbNailData: [{
title : 'Download the ISO',
number : 32,
header : 'Learning React',
description: 'The best library for creating fast and dynamic websites.',
imageUrl : 'image source'
},{
title : 'Download the ISO',
number : 64,
header : 'Learning Gulp',
description: 'Speed your development framework!',
imageUrl : 'image source'
}],
};
var element = React.createElement(ThumbnailList,options);
React.render(element, document.querySelector('.container'));
现在问题解决了,但是当您再次尝试运行 index.html 时,第二个问题出现了:React.CreateElement 不是函数。我所做的是添加另一个需要react的变量,即
var React = require('react-dom');
var React2 = require('react');
var ThumbnailList = require('./thumbnail-list');
var options = {
ThumbNailData: [{
title : 'Download the ISO',
number : 32,
header : 'Learning React',
description: 'The best library for creating fast and dynamic websites.',
imageUrl : 'image-source'
},{
title : 'Download the ISO',
number : 64,
header : 'Learning Gulp',
description: 'Speed your development framework!',
imageUrl : 'image-source'
}],
};
var element = React2.createElement(ThumbnailList,options);
React.render(element, document.querySelector('.container'));
总之一句话,解决React.render的问题
var React = require('react-dom')
解决 React.createElement 的问题
var React2 = require('react')
我的问题是:
为什么 react-dom 会导致 React.createElement 出现问题?
是不是因为这个新版本的 React?
有没有更好的方法来解决这些问题而不必调用 react-dom 和 react?
任何想法和意见表示赞赏;)