1、问题背景
利用React生成无序列表,列表展示的是一年四季
2、实现源码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>React之无序列表</title>
<script type="text/javascript" src="../js/react.js" ></script>
<script type="text/javascript" src="../js/react-dom.js" ></script>
<script type="text/javascript" src="../js/browser.min.js" ></script>
<script type="text/babel">
ReactDOM.render(
<ul>
<li>春季</li>
<li>夏季</li>
<li>秋季</li>
<li>冬季</li>
</ul>,
document.getElementById('ul')
);
</script>
</head>
<body>
<div id="ul"></div>
</body>
</html>
3、实现结果
分享到:
相关推荐
用于生成react web项目的脚手架工具
零配置React开发环境和静态站点生成器
RDoc 是一套基于React的文档生成工具,用于生成文档网站或简单的博客网站
React水印组件,支持图片水印,文字水印。
学习使用ReactDnD实现嵌套列表的拖拽排序
react-Haunted针对Web组件实现的ReactHooksAPI
ant-design 组件库实时可视化编辑器,实时生成 react 代码
react项目使用react-dnd实现拖拽排序
react-delayed-list: 延迟列表渲染React组件
React入门小demo,用户输入的颜色值,Value.js生成21个色块,每个色块是该颜色值与白/黑色按比例混合得到,以10%为一个层级;点击色块可复制该色块颜色值到剪切板
根据代码结构和注释,生成 react 组件文档,基于 react-styleguide
1.使用详情已在文章中介绍 2.本次版本更改为ts/tsx/less构成 3.灵活配置与操作方式优化
React Native 瀑布流列表,用于展示瀑布流形式的内容,定制简单。
多端统一开发框架,支持用 React 的开发方式编写一次代码,生成能运行在微信小程序、H5、React Native 等的应用。.zip,多端统一开发框架,支持用 React 的开发方式编写一次代码,生成能运行在微信/百度/支付宝/字节...
react-styleguidist - React风格指南生成器
该项目的工作已终止。 React原 先决条件 按照说明安装以下软件包: 安装及使用 $ npm i -g @dennisschoepf/react-gen $ react-gen 或仅与 $ npx @dennisschoepf/react-gen ... 重构生成器和getTemplat
react native实现的 折叠列表,二级列表展开(ListView),点击时改变字体颜色
Winterfell在React中生成复杂、验证的和可扩展基于的JSON表单
在Idea上进行安装的React模板插件. 可以使Idea自动支持React, 包括自动显示React语法.
React tsx生成随机验证码 React tsx 生成随机验证码,供大家参考,具体内容如下 最近开发React 使用tsx编写,没有找到什么好的随机生成验证码的插件,自己就手撸了一个,废话不多话,直接上代码。 React代码片....