當原始字符串是姓氏，名字時，如何在文本字段中顯示名字？ 反應/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]

如果名字和姓氏的組合有一些空格，您還可以修剪結果：

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