关于map的问题

老师您好，我知道map的用法，但是我好奇返回的不是一个数组吗，什么原理变成了DOM结构呢

{
    this.state.list.map((value, index) => {
        return <li>{value}</li>
    }
 
}

返回后得到的数组不应该是这样吗？怎么样直接变成了Dom结构呢？

[
    '<li>learn react</li>',
    '<li>learn Component</li>'
 ]

源自：React基础入门 2-8 实现 TodoList 新增删除功能（1）

收起

1回答

慕课网的粉回答被采纳获得+3积分 2020-05-07 17:23:25

dom结构其实和map方法关系不大，

第一，这个变量（或理解为方法）本身是存在于html结构中的

第二，花括号{}会解析整个变量，return返回标签内容，

所以经过这操作之后，组成了一个dom结构；

兰香川川提问者 #1

不太明白您的意思-_-||

2020-05-07 17:27:30
慕课网的粉回复提问者兰香川川 #2

刚刚写错了，抱意思=.=其实就是在jsx语法里，花括号{}会把方法的返回值（变量）解析，然后变量外面有标签包含，所以最后就是一个dom结构啦~ 成标签。

2020-05-07 17:59:57
兰香川川提问者回复慕课网的粉 #3

原来是这样谢谢啦

2020-05-07 18:07:00