React Js Reverse String

<!DOCTYPE html>
<html>

return (
        <div className='container'>
          <h3>React Js Reverse String using Reduce() Method</h3>
          <p className='paragraph-class original-string'>Original String: {str}</p>
          <p className='paragraph-class reversed-string'>Reversed String: {reverse}</p>
        </div>
      );
    }
    ReactDOM.render(<App />, document.getElementById("app"));
  </script>

/* Styles for the paragraphs */
    .paragraph-class {
      font-size: 18px;
      margin: 10px 0;
      color: #333;
    }

/* Styles for the original string */
    .original-string {
      font-weight: bold;
    }

/* Styles for the reversed string */
    .reversed-string {
      font-style: italic;
    }
  </style>
</body>

</html>