react学习(6)jsx小练习

2022-08-09  本文已影响0人  哆啦C梦的百宝箱
 <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是写不了的。

上一篇 下一篇

猜你喜欢

热点阅读