美文网首页
react学习(6)jsx小练习

react学习(6)jsx小练习

作者: 哆啦C梦的百宝箱 | 来源:发表于2022-08-09 16:21 被阅读0次
 <script type="text/babel">
        const data = ['angular','react','vue'];
        const VDOM =(
            <ul>
                {
                    data.map((item,index)=>{
                        return <li key={index}>{item}</li>
                    })
                }
            </ul>
        );
        ReactDOM.render(VDOM,document.getElementById('test'));
    </script>

注意:在{}中只能使用js表达式,所以常规的for是写不了的。

相关文章

  • react学习(6)jsx小练习

    注意:在{}中只能使用js表达式,所以常规的for是写不了的。

  • 初试react

    这是学习react时写的第一个react文件,(holle react)使用es6语法和JSX语法) 在react...

  • sublime--InstallPackage时的错误There

    学习react之初,想要学习react推荐使用的jsx,在编辑器中支持jsx语法高亮,于是开始在sublime中安...

  • React

    React 《React 官网文档》 React简介 React概念 React官网学习实践 - jSX简介 Re...

  • React Native 学习总结(一)

    本章主要总结RN的基础概况 在学习React Native 起初,总会在官网看到类似于React、JSX、ES6等...

  • 《React极简教程》第二章 React JSX

    React JSX Why JSX?You don't have to use JSX with React. Y...

  • 二、React小书学习摘记

    React.js 小书学习 之 【使用 JSX 描述 UI 信息】 从 JSX 到页面 过程图解:JSX 到页面过...

  • 005@关于JSX语法.md

    005@关于JSX语法 转(有所更改):React入门:关于JSX语法可以参考的资料:React.js学习笔记之J...

  • (1)React的开发

    1、React项目架构搭建2、JSX语法3、React组件化开发4、React组件间通信5、React中的事件6、...

  • React

    (1)React环境搭建的过程 安装地址示例 (2)React 基础 (2.1) es6语法 (2.2) JSX ...

网友评论

      本文标题:react学习(6)jsx小练习

      本文链接:https://www.haomeiwen.com/subject/iimwwrtx.html