javascript - 我试图将我的sportsPerson格式化为单独的大写字母

您能告诉我为什么发生以下错误。我试图将sportsPerson的格式设置为类似于首字母大写。我收到语法错误。你能告诉我如何解决它。我在下面提供我的代码。

/src/components/sports/tracker/sports-tracker-tile.jsx
Module build failed: SyntaxError: C:/workspace/basketball/src/components/sports/tracker/sports-tracker-tile.jsx: Unexpected token (80:76)

const sportsPerson = this.props.profile.firstName;
      78 |返回（
      79 |


  80 | {Want some advice${sportsPerson && sportsPerson.length > 0 ?，<span style={{'text-transform': 'capitalize'}}> $ {sportsPerson.toLowerCase（）} </span>`` : ''}?}

最佳答案

我不建议采用这种方法，因为您的三元格式不正确，这会导致JS错误。相反，我会使用类似的变量：

var playerName = sportsPerson || '';

var content = playerName ? <span style={{'text-transform': 'capitalize'}}>, {playerName.toLowerCase()}</span>
: '';

然后在您的h4中执行此操作。

<h4>Want some advice{content}?</h4>