leocallit / interview

面试题提交仓库

面试题提交仓库

上海心古建筑科技前端面试题，主要用于考察面试者对于前端技能的掌握程度。
面试题时长限制2.5个小时。
严禁泄漏，一旦发现面试者有泄题或作弊等行为，立即取消面试者面试资格。如果面试者已经被录取，则会解除与该面试者的劳务关系；一切解释权归上海心古建筑科技有限公司所有

演示图片

根据响应接口类型完成下列演示图片的样式；

要求

1. 实现演示图片的样式；
2. 演示图片中的组节点，需要有收起与展开的功能，展开/收起图标不做形式上的要求，可直接用“+”/“-”的字符代替；
3. 节点需要可以选中，选中样式即图片蓝色描边样式；
4. 节点编辑有两种情况：

• 在选中情况下，用户可以直接打字，进入文本编辑状态；
• 双击节点，该节点会直接进入文本编辑状态；

5. 在选中节点后，可以对着选中节点进行新增同级/新增子集/删除节点的操作；
6. 可以自定义节点颜色；
7. 你必须使用React Hooks以一个组件的形式实现上述要求，该组件应该有如下API；

<Tree
  data={serverData} // 服务端响应的数据
  expandable // 是否开启收起与展开的功能
  editable // 是否开启编辑功能
  selectable // 是否开始选中
  colorRenderItem={(nodeId) => ({ backgroundColor: '#333', color: '#fff' })} // 回调函数，可以根据节点id自定义背景色及文本色
/>

注意点

你需要在该仓库的case目录中构建React项目并完成面试题要求并且提交；

你可以使用一些主流的外部依赖，如：Axios、lodash等；但是禁止使用UI类相关的组件库；

如果对于题目不明确或存疑，可以电话联系上海心古建筑科技有限公司；