把HTML文件放到和build文件夹一起了
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>react_demo12</title>
<script type="text/javascript" src="build/react.js"></script>
<script type="text/javascript" src="build/react-dom.js"></script>
<script type="text/javascript" src="build/browser.min.js"></script>
<script type="text/javascript" src="build/prop-types.js"></script>
</head>
<body>
<div id="example"></div>
<script type="text/babel">
/** 需求:自定义包含表单的组件 1界面如下所示 2输入用户名和密码,点击登录提示输入信息 3不提交表单 */
class LoginForm extends React.Component{
render(){
return (
<form>
用户名: <input type="text"/>
密码: <input type="password"/>
<input type="submit" value="登录"/>
</form>
)
}
}
ReactDOM.render(<LoginForm/>,document.getElementById('example'))
</script>
</body>
</html>