reactjs - 更漂亮的冲突？ (问号和点)在 typescript-react 中的 prop-bracket 中出现语法错误

Question

表达

<Button
        title={props.children?.toString()}
        buttonStyle={$.buttonStyle}
        titleStyle={$.titleStyle}

      />

给出下一个错误

SyntaxError: Expression expected.
title={props.children?.toString()}
                      ^

有什么方法可以解决吗？
带有 prettier-plugin 的 Eslint 给出了同样的错误。
parser-typescript.js 的问题

Answer 1

如果您的 Prettier 版本过时，它可能不支持 Version 1.19 中引入的可选链接。 .如果 prettier未保存为 "devDependency"在您的 package.lock ，那么您的 IDE 将默认为 prettier 使用任何全局模块.推荐使用prettier来自项目的本地依赖项。
要将 prettier 保存为 devDependency，请运行:

npm install prettier -D --save-exact

Typescript 在 2019 年 10 月通过 Version 3.7 引入了可选链。然后 Prettier 在 2019 年 11 月以 Version 1.19 跟进介绍了它。 .