ReactJS不渲染php代码点火器
ReactJS not rendering php codeigniter
我目前正在使用material-ui库,它利用了reactjs和谷歌材料设计,可以在这里找到,http://www.material-ui.com/#/我尝试在他们的github页面上遵循他们的一个例子,但没有奏效。 我现在尝试做一个简单的测试,看看它是否会按照这篇文章 React JS 不渲染来渲染。然而,幸运的是,什么都没有改变,它不会呈现。
这是我的反应代码:
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);
相关文章:
- 我在代码点火器中出错
- 如何检查这个代码点火器php函数是否工作,该函数是否在ajax url中使用
- 代码点火器型号中未显示报警框.模型警报中的
- 来自mysql的动态值用于html代码点火器视图中的图形
- 如何使用代码点火器使用Bootstarp数据表搜索数据嵌套表数据
- 无法使autocompletion与bootstrap和php代码点火器一起工作
- 如果条件在代码点火器的模型中不起作用
- 代码点火器在访问 URL 时提交表单
- 如何在控制器代码点火器中从 ajax 获取数据
- 代码点火器:搜索自动完成 JSON 解析意外字符
- 在一个页面代码点火器中创建多个分页
- 代码点火器中的警报消息成功
- PHP、JS和带有if-else语句的代码点火器脚本
- php/mysql搜索结果-当类型>1,同时保持其他类型不>1-代码点火器
- 如何防止引导模式关闭表单提交使用代码点火器
- 代码点火器路线按钮点击
- ajax函数不去php代码点火器控制器
- 如何将 json 数据发送到代码点火器视图
- 代码点火器通过单击按钮更改表单操作
- 我想显示数据库中的数据.如果我们新添加一个表单数据,我想附加显示的新帖子而不使用代码点火器刷新