왜 내 페이지에 필요한 것을 보여주지 않습니까?

내 파일의 <h1> 태그에 내 페이지가로드되지 않는 이유를 확인할 수 없습니다. ReactJS으로 연습용 앱을 만들려고하는데 시작하지 못하게 할 것입니다. 나는 이것을 교정하기 위해 많은 일을 시도했지만, 매번 짧아 져서 왜 여기에 왔을 까.왜 내 페이지에 필요한 것을 보여주지 않습니까?

여기 여기 내 index.html

<!DOCTYPE html> 
<html> 
<title>Lamda</title> 
    <marquee>Welcome to Lamda!</marquee> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="user-scalable = yes"> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
    <link rel="stylesheet" href="index.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.23.1/babel.min.js"></script> 
    <script src="https://unpkg.com/[email protected]/dist/react.min.js"></script> 
    <script src="https://unpkg.com/[email protected]/dist/react-dom.min.js"></script> 
</head> 

<body> 

<div id="LamdaPage"></div> 

</body> 

<script type="text/babel" src="index.js"></script> 
</html>

을의의 내 index.js

var LamdaPage = React.createClass({ 
    render: function() { 
     <div> 
     <h1>Why won't this show?</h1> 
     </div> 
    } 
}); 

ReactDOM.render(<LamdaPage/>, document.getElementById("LamdaPage"));

출처

2017-05-15 bojack

입니다. 함수에'return' 키워드가없는 것처럼 보입니다. – Pointy

@Pointy 우스운 이야기는 ... 나는이 질문에 두 번째로 주목했다. 그럼에도 불구하고 응답에 감사드립니다. – bojack

당신은 함수가 값을 반환해야 함을주의해야한다. 이 경우 render 함수는 값을 HTML로 반환해야합니다. 함수의 본문으로 넣을 값은

var LamdaPage = React.createClass({ 
    render: function() { 
     return (<div> 
     <h1>Why won't this show?</h1> 
     </div>); 
    } 
}); 

ReactDOM.render(<LamdaPage/>, document.getElementById("LamdaPage"));

출처

2017-05-15 04:06:01

왜 내 페이지에 필요한 것을 보여주지 않습니까?

답변

관련 문제