一道前端面试题：请求一个 github 用户的 follower，并且点击某个 follower，请求他的 follower，用 react 来写代码

[ericgui]

请求 follower 的 url : https://api.github.com/user/{username}/following

你首先在 input 里输入任何一个用户名，比如axross，请求这个用户的 follower ，

然后有很多 follower

每个 follower 旁边应该有个 button ，点击一下，会请求这个 follower 的 follower

每一级都要有缩进

这个还把我难住了，我靠，这个 45 分钟内能写出来吗？

[kkocdko]

是不能用组件库么？

[ericgui]

@kkocdko 手写

[Biwood]

核心应该是写个递归组件，没有很难吧

[ch2]

treeView?

[DrakeXiang]

为啥这个 url 没用哇

[Mohanson]

不是用嵌套 <li> 的方式就能搞定么?

[shenqi]

，，，这不是很简单吗。。。
看完题目就大概有思路了，45 分钟不考虑样式只考虑缩进，有啥难的？

[ericgui]

@Biwood 是递归，我写出递归了，但当时面试的时候吧，没想明白，非得要构建一个大大的 tree ，但其实仅仅是这个要求的话，没必要构建一个大大的 tree

刚才写出来了

[ericgui]

@shenqi 我也知道递归，但当时一下子就懵了，非得要不断更新一个超级大的 tree ，但刚才研究了一下，实际上没必要。

[ericgui]

@DrakeXiang 中间花括号里的 username 要替换为你要查找的用户的 username

[ericgui]

@DrakeXiang 请求 follower 的 url : https://api.github.com/user/{username}/followers

sorry

[shenqi]

页面渲染角度没递归的说法，只是存储数据存成 children 而已。
具体后面的 follower 还能点击 button 获取数据，那就是一层新的调用而已，不是递归，做好指针指向就行。

[ericgui]

@DrakeXiang https://api.github.com/users/{username}/followers

[shenqi]

渲染子集确实需要递归，想漏这个点了。

[vance123]

试着写了一个
```
function FollowerTree({ username }) {
const [followers, setFollowers] = useState([])
async function fetchFollower() { ... }
return (
<div>
{username} <button onClick={fetchFollower} />
{followers.length > 0 &&
<ul>
{followers.map(
name => <li>
<FollowerTree username={name} key={name} />
</li>
)}
</ul>
}
</div>
)
}
```

[wtf12138]

递归组件用 react ，vue 都很好实现，不用框架应该咋实现？

[ericgui]

@wtf12138 看我上面给的 github 链接

面试还是需要的手写的

[nznd]

想跑下代码 install 一看 1484 个包 至于吗...

[yikyo]

组件 A 接受参数 username ，展示该 username 的 follower ，点击按钮请求数据，该数据映射成组件 A 的列表

我没理解错题目吧

[yikyo]

刚看到#15 的回答，跟我理解一样