मैंने .net फ्रेमवर्क MVC एप्लिकेशन के अंदर ReactJS का उपयोग करने का प्रयास किया है।

राय:

<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.26.0/babel.js"></script>

<div id="root"></div>
@Scripts.Render("~/Scripts/ReactJS/test.jsx")

टेस्ट.जेएसएक्स:

import React from 'react';

import ReactDOM from 'react-dom';

const App = () => <div>Hello world!</div>;
ReactDOM.render(<App />, document.getElementById("root"));

संदेश नहीं दिखाया गया है और त्रुटि है:

test.jsx:2 ध्यान में न आया सिंटैक्स त्रुटि: एक मॉड्यूल के बाहर आयात विवरण का उपयोग नहीं कर सकता

मुझे समझ में नहीं आता कि यह काम क्यों नहीं कर रहा है। मैंने रिएक्ट लाइब्रेरी और बेबेल लाइब्रेरी दोनों को शामिल किया है।

2
FrenkyB 18 नवम्बर 2019, 06:23
डुप्लिकेट के रूप में चिह्नित नहीं किया जा रहा है क्योंकि मुझे यकीन नहीं है कि यह है, लेकिन यह आपकी समस्या हो सकती है: stackoverflow.com/questions/58357941/…
 – 
jwatts1980
18 नवम्बर 2019, 06:27
2
क्या आपको कभी इसके साथ कोई भाग्य मिला है? मैं ReactJS.Net और .NET Core नमूना ऐप के साथ एक समान परिदृश्य में भाग रहा हूं।
 – 
John Spiegel
7 मार्च 2020, 04:03

2 जवाब

आपके विचार में, उपयोग करने के बजाय @Scripts.Render("~/Scripts/ReactJS/test.jsx")

संदर्भित जावास्क्रिप्ट फ़ाइल (test.jsx) बनाने के लिए आप इस तरह <script src="@Url.Content("~/Scripts/ReactJS/test.jsx")"></script> की कोशिश कर सकते हैं।

-1
Shashwat Prakash 18 नवम्बर 2019, 07:54

आप अपनी फ़ाइल को BudleConfig.js . में बंडल कर सकते हैं

 bundles.Add(new BabelBundle("~/bundles/test").Include(
           ("~/Scripts/lib/Component/test.jsx"),
           ));

और फिर इस बंडलर को स्क्रिप्ट के अंदर अपने CSHTML में आयात करें

 @Scripts.Render("~/bundles/test");
 ReactDOM.render(
        React.createElement(test),
        document.getElementById('root')
    );

और आप इस तरह जाने के लिए अच्छे हैं कि आप मौजूदा एमवीसी परियोजनाओं में आसानी से जेएसएक्स बना और आयात कर सकते हैं।

0
Anuj.Srivastav 2 अक्टूबर 2021, 22:52