前端定期小复盘, 每期都有小收获(一)

hi, 大家好, 我是徐小夕, 我想任何一名工程师都有我现在的焦虑:

• 工作学到了新知识, 解决了新问题不知道如何总结, 复盘
• 工作下班后想学习提升却不知道该学习什么
• 知道该学习什么但是又控制不住手机的诱惑
• 学习坚持了一段时间就不了了知了

最终一年到头, 我还是那个我, 一层不变的 “烟火”.

所以为了让自己, 也让大家有个持续的提升, 我会定期总结复盘一些自己工作, 学习中遇到的问题, 并给出自己的解答, 最终以文章的形式分享出来, 让大家少走弯路, 每周都能学到新知识.

每篇文章内容不会太多, 会总结3-6个常见问题及解答, 阅读时间控制在3-10分钟, 作为每个周期成长的见证.

typescript 问题总结

1.报错原因及其解答

最近在研究 lerna eslint 项目规范, 发现 tsx 代码被 eslint 检测报了3个错误:

1. Expected property shorthand

image.png

这个报错的场景如下:

代码语言：javascript复制

import { tree } from './Tree';
export default class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      tree: tree,
      downloadingChart: false,
      config: {},
    };
  }

其意思就是 eslint 规范期望我们对象赋值能用简写就用简写, 如上面代码的 tree : tree, 完全可以写成如下形式:

代码语言：javascript复制

this.state = {
      tree,
      downloadingChart: false,
      config: {},
    };

这样改写之后 这个 ts 抱错就解决了, 同时平时工作中注意这样的简写也可以让我们的代码更简洁, 如果你遇到了这样的情况, 是不是就知道怎么解决了呢