React TSX to React js:如何将TS函数转换为js？

发表时间：2022-06-28 15:36:19 阅读：77

我需要将一些功能从ts转换为js，请检查下面的ts代码

interface IDashboardPageState {
  serviceComponents: Array<React.Ref<DashboardItem>>
}

{this.props.services.map((text: string, index) => {
              let textUrl = text.replace(/\s/g, '');
              return (
                <Grid item xs={4} key={text} >
                  <DashboardItem ref={this.state.serviceComponents[text]} itemName={text} itemDesc={text} />
                </Grid>
              )
            })}

我需要将上述代码转换为js格式，如何实现它.

🎖️ 优质答案

您只需删除看起来像typescript的部分:

{this.props.services.map((text, index) => {
              let textUrl = text.replace(/\s/g, '');
              return (
                <Grid item xs={4} key={text} >
                  <DashboardItem ref={this.state.serviceComponents[text]} itemName={text} itemDesc={text} />
                </Grid>
              )
            })}

如果您只需要手动转换，即不使用cli.您可以使用此在线工具.