I am getting an error when I click the button. it becomes weird because some it works and other times it doesn't.

```
import React from 'react';
class Profile extends React.Component{
    constructor(){
        super();
        this.state={
            posts:[],
        }
        this.increase = this.increase.bind(this);
    }
    increase(event){
        event.preventDefault();
        var name = event.target.name;
        var post = name.split(':')[0];
        var applaused =name.split(':')[1];
        var k = name.split(':')[2];
        //some related code
    }
    render(){
        var posts=[];
                var k=-1;
                posts = this.state.posts.map((post)=>{
                   k++;
                   var namek=`${post._id}:${post.applaused}:${k}`
                   var applause=post.applaused=='applause'?<p>applause</p>:<p>applaused</p>
                return(
                <div key={post._id}>
                    <p>{post.post}</p>
                <button onClick={this.increase} name={namek}>{applause}</button>
                })
        return(
            <div>
                {posts}
            </div>
        )
    }
}

export default Profile; 

```

The error I am getting is-:

> 
> Cannot read property split of undefined at line-: 13
> 
> 
>