Question

如何在React本机中对方法进行子串化？我尝试了下面给出的所有方法，但是没有一个方法起作用。

substring, slice, substr

Answer 1

substring方法应用于String对象。

substring（）方法从两个指定索引之间的字符串中提取字符，并返回新的子字符串。

此方法提取“开始”和“结束”之间的字符串中的字符，不包括“结束”本身。

如果“开始”大于“结束”，则此方法将交换两个参数，即str.substring（1，4）== str.substring（4，1）。

如果“开始”或“结束”小于0，则将其视为0。

注意：substring（）方法不会更改原始字符串。

使用它的方式是这样的：

var str = "Hello world!";

var res = str.substring(1, 4);

// res value is "ell"

https://www.w3schools.com/jsref/jsref_substring.asp

Answer 2

您可以使用它：

var str = "Hello world!";
var res = str.substring(0, 4); // output is Hello

如果您来自JSON
```
{item.name.substring(0, 4)}
```

来自文本

this is text.substring(0, 5) // output is: this i

Answer 3

尝试 (obj.str).substring(1, 4);

Answer 4

我也遇到过同样的情况，为此，解决方案是将所有js代码放在一个函数中并在外部调用

class AboutMe extends Component {
    displayAboutMe(){   
        var data = this.props.getAboutMeQuery;
        if(data.loading){
            return(<div>Loading Books</div>)
        }else{
            var  aboutMe  = JSON.stringify(this.props.getAboutMeQuery.aboutme);
            console.log(aboutMe);
            var res = aboutMe.substring(12,453);
            console.log(res);
        }
    }
    render(){
        this.displayAboutMe()
        return (
            <div id="profile-section"></div>
          )}}

Answer 5

另一种选择，您可以制作简单的功能。然后在你的 jsx 中打印。

var number = "62857123456"

const slice = {
phone: (input: string = '') => {
let output = '';
// you can use substring, slice, substr
output = input.slice(2,14);
  return output;
  },
};

最后，通过调用创建的函数在 jsx 上打印。

{slice.phone(number)}

如何在React Native中使用子字符串

5 个答案: