임베딩 반작용-돌아 오는 SPA .NET 핵심 템플릿은

Question

나는 이제 "반응 - 응용 프로그램"사업부가 Index.cshtml에 추가됩니다 비주얼 스튜디오 2017

에 대한 반작용-돌아 오는 SPA를 템플릿을 사용하여 새 프로젝트를 생성 . 다른 응용 프로그램 (simp HTML 페이지)에서 동일한 <div>을 다시 사용하고 관련 스크립트를 다시 사용하려면 어떻게해야합니까? 여기 test.html를 페이지에 브라우저에서이 페이지를 실행

스크립트

<base href="" /> 
<link rel="stylesheet" href="dist/vendor.css" asp-append-version="true" /> 
<link rel="stylesheet" href="dist/site.css" asp-append-version="true" /> 
<script type="text/javascript" src="dist/vendor.js" asp-append-version="true"></script> 
<script type="text/javascript" src="dist/main-client.js" asp-append-version="true"></script> 

몸

<div id="react-app" asp-prerender-module="ClientApp/dist/main-server" data-content="{&quot;formID&quot;:7}">Loading...</div> 

것입니다 initialReduxState이 undefined 것을 말한다.

MVC 면도기 뷰없이 React 구성 요소 및 관련 스크립트를 다른 페이지에 쉽게 포함시키는 것이 가장 좋은 방법은 무엇입니까?

감사합니다.

Answer 1

서버 측 사전 렌더링이 initialReduxState을 시작하고 있으며이 경우 (간단한 HTML 페이지) 서버 측 사전 렌더링이 작동하지 않고 asp-prerender-module과 같은 모든 태그 도우미가 쓸모 없으며 제거해야합니다.

그래서 메인 client.js 파일 작업을 얻기 위해, 나는 부팅 client.ts이

const initialState = (window as any).initialReduxState as ApplicationState || { form: {}, routing: { location: null }}; 

에

const initialState = (window as any).initialReduxState as ApplicationState;

에서

파일 수정