मुझे अपने कोड में एक समस्या मिली जब मैं अपने दो संस्करणों को मेरे रिएक्ट संस्करण 15.2.0 में उपयोग करने का प्रयास कर रहा था, फिर भी, मुझे एक वर्कअराउंड मिला लेकिन मैं जानना चाहता हूं कि कोई बेहतर समाधान है या नहीं।ReactJS: React.render एक फ़ंक्शन नहीं है और React.createElement एक फ़ंक्शन नहीं है
//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 एक समारोह नहीं है। मैंने पाया है कि यह इसलिए होता है क्योंकि के इस नए संस्करण की जरूरत प्रतिक्रिया प्रतिक्रिया-डोम, जो है,
//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 चलाने का प्रयास: प्रतिक्रिया। क्रिएटमेंट एक समारोह नहीं है। मैं क्या कुछ शब्दों में, की आवश्यकता होती है प्रतिक्रिया, वह यह है कि एक और चर जोड़ने के लिए
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.createElement
की समस्या को हल करने के लिए React.rendervar React = require('react-dom')
की समस्या को हल करने के लिए था
var React2 = require('react')
मेरे प्रश्न हैं:
प्रतिक्रिया-डोमेन ने React.createElement के साथ समस्या क्यों बनाई?
क्या यह प्रतिक्रिया के इस नए संस्करण की वजह से है?
प्रतिक्रिया-डोम का आह्वान किए बिना इन समस्याओं को हल करने के लिए कोई बेहतर तरीका है और प्रतिक्रिया?
किसी भी विचारों और टिप्पणियों की सराहना कर रहे हैं;)
मुझे एक ही त्रुटि/फिक्स था। मेरे पास आयात प्रतिक्रिया, "प्रतिक्रिया-मूल" से {टेक्स्ट, टच करने योग्य हाइलाइट}; और इसे आयात 'प्रतिक्रिया' से प्रतिक्रिया; "प्रतिक्रिया-मूल" से आयात {टेक्स्ट, टच करने योग्य हाइलाइट}; –