2016-09-05 4 views
1

나는 프런트 엔드가 사용자 동작을 기반으로 적용되는 React 상태를 사용하여 작성되었습니다. 그러나 프론트 엔드 React는 내 서버 측 데이터를 보여주고 조작 할 수 있도록 만들어졌습니다. 현재 내 뷰 엔진은 EJS이며 데이터를 표시하는 데 사용하고 있습니다. 다양한 예를 들어 :ejs를 사용하여 반응 하시겠습니까?

return (<div class="col-md-6 col-sm-6 col-xs-7"> 
    <ul> 
     <li><span class="point">Name:</span> <%= user.profile.name %> </li> 
     <li><span class="point">Email:</span> <%= user.email %> </li> 
    </ul> 
    </div>); 

나는 반응 이러한 EJS에게 <%= 태그를 혼용 할 수 없음을 설립했습니다. 이로 인해 데이터 조작이 어려워졌습니다. jQuery에서 UI를 재실행하지 않는 한 진행 방법을 잘 모르겠습니다.

나는 데이터를 전달하기 위해 this React documentation을 보았지만 그 결과는 내가 원점 간 호출을 할 수 없으며, MongoDB는 MongoLab에 저장됩니다. 따라서 EJS를 사용하여 내 데이터를 호출하는 것으로 강등됩니다.

React with EJS를 사용하는 제한 사항으로 인해 서버 측 데이터에 대한 React와 같은 UI 도구를 구현해야하는 솔루션에 의아해합니다. Express에서

+1

node.js 백엔드가 있습니까? – Igorsvee

+0

나는 익스프레스 환경을 설정했다. –

+2

이것은 의미가 없습니다. React *는 JSX'{...} '표기법을 통해 템플릿 화 *를 수행했는데, 왜 그 위에 템플릿 화가 필요합니까? https://facebook.github.io/react/docs/tutorial.html을 실행하는 데 30 분의 시간이 걸리므로 시간 가치가 충분하므로 "클라이언트 대 서버"가 구별되지 않는 방법을 이해할 수 있어야합니다. 우려했다. 당신은 React가 UI를 만들도록 만듭니다. 다른 템플릿 엔진이 아닙니다. –

답변

2

: EJS에서

res.render('view', {user: myUser}); 

응용 프로그램의 JS 번들하기 전에 :

<script type='text/javascript'> 
    var userFromServer =<%-JSON.stringify(user)%> 
</script> 

사용 userFromServer에서 코드를 반응한다.

관련 문제