How to use the react-router-dom.generatePath function in react-router-dom

People
        
      

      
        
          
          Notifications
        
      

      
        
          
          Messages
        
      
    
  );
};

top="lg"
                count={HOME_PAGE_POSTS_LIMIT}
              />
            );
          }

          const { posts, count } = data.getFollowedPosts;

          if (!posts.length) {
            return (
              
                
                  Explore new posts
                {' '}
                or{' '}
                
                  Find new people
                
              
            );
          }

          return (
            
              {data => {
                const showNextLoading =

};

  return (
    
      <a>
        
          {image ? (
            <img src="{image}">
          ) : (
            {splitFullName()}
          )}
        
      </a>

      
        <a>
          {fullName}
        </a>
      

      @{username}

      

      
    
  );
};

url(options = {}) {
    return {
      ...options,
      pathname: generatePath(this.path, options.params),
    };
  },
};

{deleteComment => {
        return (
          
            <a>
              
            </a>

            
              {comment.author.id === auth.user.id &amp;&amp; (
                 handleDeleteComment(deleteComment)}
                &gt;
                  
                
              )}

<div>
                              <div>
                                <span>Subtotal</span>

                                <span>
                                  {getTotal(data, cart.lines, locale)}
                                </span>
                              </div>

                              <div>
                                
                                  <button>Go to my bag</button>
                                
                              </div>
                              <div>
                                
                                  <button>Checkout</button>
                                
                              </div>
                            </div>
                          
                        ) : (

    <button type="primary">} onClick={() =&gt; history.push(generatePath(taskLogsPageRoute, { sourceId }))}&gt;
      Back to task list</button>

{data.suggestPeople.map(user => (
                
                  <a>
                    
                  </a>

                  
                    <a>
                      {user.fullName}
                      @{user.username}
                    </a>
                  
                
              ))}

              { onClick: () => history.push(generatePath(destinationPageRoutes.editDestination, { id: dst._id })), title: 'Edit', icon:  },
              { onClick: () => {

{notification.like && (
        
          likes your photo
          <a>
            
              <img src="{notification.like.post.image}">
            
          </a>
        
      )}

      {notification.comment &amp;&amp; (
        
          commented on your photo
          <a>
            
              <img src="{notification.comment.post.image}">
            
          </a>
        
      )}
    
  );
};