How to split the url in the render method?

Question

I want to display only the "repoName" from the url, is there any way to split it inside the render method. or there is any other way to achieve this functionality.

export default class A extends Component {

    constructor(props) {
        super(props);

        this.state = {
            ....
            ....


        };
    }

render() {
   ...
   ...

 return (
  <div>
     ...
     ...

     <span className="abc">
        {/*{item.repo} conatins https://github.com/github/repoName */}
        {item.repo}
     </span>

     ...
     ...
  </div>
  )

 }
}

@GermaVinsmoke can you explain little bit more.thanks – Vandana Maurya Dec 02 '19 at 09:44 — Vandana Maurya, Dec 02 '19 at 09:44

score 0 · Accepted Answer · answered Dec 02 '19 at 10:06

0

You will get your desired result.

<span className="abc">
    {/*{item.repo} conatins https://github.com/github/repoName */}
    {item.repo.split('/')[4]} //repoName
 </span>

answered Dec 02 '19 at 10:06

majid beg

166
3
14

[4] better use `pop()` – Germa Vinsmoke Dec 02 '19 at 10:10

How to split the url in the render method?

1 Answers1