javascript - 当原始字符串是姓氏，名字时如何在文本字段中显示名字？ react /Spfx

Question

我想简单地从字符串中提取名字。名字和姓氏用逗号分隔。

我知道这将涉及一个内置函数来查找逗号，然后提取逗号后的所有字符串。

我希望它显示在文本字段中。

 public _getUser() { //getUser sets the state for multiple properties of the user. 

    sp.web.currentUser.get().then((user) => {

      this.setState({
        CurrentUserTitle: user.Title,
        ExtractedFirstName: 

上面的代码是我用来获取登录用户的代码。我想必须创建一个函数，但我应该在函数中放入什么，然后设置为状态？

Answer 1

如果名字和姓氏的形状如下:firstName,lastName，您可以只用逗号分隔字符串并提取结果数组的第一部分:

this.setState({
  // ...
  ExtractedFirstName: firstNameAndLastNameCombined.split(',')[0]

如果名字和姓氏的组合有一些空格，您还可以 trim 结果:

this.setState({
  // ...
  ExtractedFirstName: firstNameAndLastNameCombined.split(',')[0].trim()

下面是两者的示例:

const firstNameAndLastNameCombined = 'Cool,Example';

console.log(
  firstNameAndLastNameCombined.split(',')[0]
) // Cool

const firstNameAndLastNameCombinedWithSpace = '  Cool  ,   Example   ';

console.log(
  firstNameAndLastNameCombinedWithSpace.split(',')[0].trim()
) // Cool