我尝试将我的sportsPerson格式化为单独的首字母

Question

你能告诉我为什么会发生以下错误吗？我尝试将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>`` : ''}?}

Answer 1

你在第80行有一些奇怪的逻辑和缺少大括号。检查你的大括号和引号。

Answer 2

我不会建议这种方法，你的三元素没有正确格式化，导致JS错误。相反，我会使用像：

这样的变量

1> c(a), a:main().
1 2 3
1 2

然后在你的h4中就这样做了。

var playerName = sportsPerson || '';

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