当原始字符串是姓氏，名字时如何在文本字段中显示名字？ 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

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

How to display firstname in a textfield when original string is surname, firstname? React/Spfx

javascript

reactjs

spfx