How to do it...

We will now see how to create our XSS component:

  1. Create an XSS component:
  import React, { Component } from 'react';  // Let's suppose this response is coming from a service and have       // some XSS attacks in the content...  const response = [    {      id: 1,      title: 'My blog post 1...',      content: '<p>This is <strong>HTML</strong> code</p>'    },    {      id: 2,      title: 'My blog post 2...',      content: `<p>Alert: <script>alert(1);</script></p>`    },    {      id: 3,      title: 'My blog post 3...',      content: `        <p>       <img onmouseover="alert('This site is not secure');"        src="attack.jpg" />        </p>      `    }  ];  // Let's suppose this is our initialState of Redux   // which is injected to the DOM...  const initialState = JSON.stringify(response);  class Xss extends Component {    render ...

Get React Cookbook now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.