xxx

B/1/P01_1.html

@@ -0,0 +1,45 @@
+<!--
+ * @Author: chenxuan
+ * @Date: 2021-12-23 21:52:33
+ * @LastEditTime: 2022-01-11 00:36:53
+ * @LastEditors: chenxuan
+-->
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>绑定内联样式</title>
+	<script src="../package/old/react.development.js"></script>
+    <script src="../package/old/react-dom.development.js"></script>
+    <script src="../package/old/babel.min.js"></script>
+	<style type="text/css">
+		.haha{
+			color: red;
+		}
+	</style>
+</head>
+<body>
+    <div id="app">
+      <script type="text/babel">
+        let j=100,k=200;
+        var style1={
+          color:'red',
+          fontSize:'20px',
+          fontWeight:'bold'
+        };
+        ReactDOM.render(
+          <ul>
+            <li>j：{j}</li>
+            <li>k：{k}</li>
+            <li style={style1}>j+k：{j+k}</li>
+            <li>j是否大于k：{
+              (j>k) ? "是" :"否"
+            }</li>
+          </ul>
+          ,document.getElementById('app')
+        )
+      </script>
+    </div>
+  </body>
+</html>