ReactJS不渲染PHP Codeigniter [英] ReactJS not rendering php codeigniter
本文介绍了ReactJS不渲染PHP Codeigniter的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我目前正在使用material-ui库,该库利用reactjs和google material设计,可在此处找到 React JS not rendering 进行简单的测试,以查看它是否可以呈现一个>.但是,令我幸运的是,没有任何变化,并且无法渲染.
I am currently using material-ui library which makes use of reactjs and google material design which can be found here http://www.material-ui.com/#/ I have tried following one of their examples on their github page, which did not work. I have now tried doing a simple test to see if it would render by following this post React JS not rendering. However to my luck nothing has changed and it would not render.
这是我的反应代码:
import React from 'libraries/react';
import RaisedButton from 'libraries/material-ui/lib/raised-button';
import ReactDOM from 'libraries/react-dom';
var HelloMessage = React.createClass({
render: function () {
return <h1>Hello {this.props.message}! </h1>;
}
});
React.render(HelloMessage, message="World" , document.getElementById('body'));
这是我的HTML:
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
?><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Welcome to CodeIgniter</title>
<style type="text/css">
::selection { background-color: #E13300; color: white; }
::-moz-selection { background-color: #E13300; color: white; }
body {
background-color: #fff;
margin: 40px;
font: 13px/20px normal Helvetica, Arial, sans-serif;
color: #4F5155;
}
a {
color: #003399;
background-color: transparent;
font-weight: normal;
}
h1 {
color: #444;
background-color: transparent;
border-bottom: 1px solid #D0D0D0;
font-size: 19px;
font-weight: normal;
margin: 0 0 14px 0;
padding: 14px 15px 10px 15px;
}
code {
font-family: Consolas, Monaco, Courier New, Courier, monospace;
font-size: 12px;
background-color: #f9f9f9;
border: 1px solid #D0D0D0;
color: #002166;
display: block;
margin: 14px 0 14px 0;
padding: 12px 10px 12px 10px;
}
#body {
margin: 0 15px 0 15px;
}
p.footer {
text-align: right;
font-size: 11px;
border-top: 1px solid #D0D0D0;
line-height: 32px;
padding: 0 10px 0 10px;
margin: 20px 0 0 0;
}
#container {
margin: 10px;
border: 1px solid #D0D0D0;
box-shadow: 0 0 8px #D0D0D0;
}
</style>
</head>
<body>
<div id="container">
<h1>Welcome to CodeIgniter!</h1>
<div id="body">
</div>
<p class="footer">Page rendered in <strong>{elapsed_time}</strong> seconds. <?php echo (ENVIRONMENT === 'development') ? 'CodeIgniter Version <strong>' . CI_VERSION . '</strong>' : '' ?></p>
</div>
</body>
<script type="text/jsx" src="application/scripts/reactTest.js"></script>
</html>
推荐答案
尝试
React.render(<HelloMessage message="World"/>, document.body);
这篇关于ReactJS不渲染PHP Codeigniter的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文