# coding10-react

**Repository Path**: yooyeLearning/coding10-react

## Basic Information

- **Project Name**: coding10-react
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-03-10
- **Last Updated**: 2021-04-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 分类编辑完善
  + 新建CfyEdit.jsx组件
  + Link触发跳转,携带被编辑的数据objectId
  + 在CfyEdit.jsx组件中，根据objectId，加载并渲染原有数据
    - 普通输入框数据      form.setFildsValue
    - 分类图标预览        需要给ImgUpload组件通过props传递url
  + 修改原有内容，发起编辑操作请求
    ```
    curl -X PUT \
    -H "X-LC-Id: {{appid}}" \
    -H "X-LC-Key: {{appkey}}" \
    -H "Content-Type: application/json" \
    -d '{"content": "每个 JavaScript 程序员必备的 8 个开发工具: http://buzzorange.com/techorange/2015/03/03/9-javascript-ide-editor/"}' \
    https://API_BASE_URL/1.1/classes/Post/<objectId>
    ```

## 岗位发布
  + 普通输入框
  + 日期选择器
  + 富文本
  + 地图选址

## 富文本
[第三方富文本编辑器](https://braft.margox.cn/)

## 地图选址
[高德地图API](https://lbs.amap.com/api/javascript-api/summary/)
  1. 注册登录，控制台，申请Key
  2. 在public/index.html中引入地图方法包
  3. 准备渲染地图的容器标签
  4. 执行地图的初始化方法
  5. 【拓展】根据自己的地图效果需求，从示例中心获取相似案例，进行改造使用
    - [地图点选的示例](https://lbs.amap.com/demo/javascript-api/example/geocoder/regeocoding)