学习者问题:当原始字符串为firstname时,如何在文本字段中显示firstname。 React / Spfx

时间:2019-12-05 15:51:33

标签: javascript reactjs spfx

这里的学习者问题。我想简单地从字符串中提取名字。名字和姓氏之间用逗号分隔。

我知道它将包含一个内置函数来查找逗号,然后在逗号后提取所有字符串。

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

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

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

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

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

1 个答案:

答案 0 :(得分: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