Hi Friends 👋,

Welcome To Infinitbility! ❤️

To multiply two numbers in react js, use the * multiplication operator it will multiply it if your value datatype is a number else if your value datatype is string first convert it using parseInt() and then perform multiplication operation.

In the following example, we will take the sample numbers, and strings and perform a multiply operation using the * multiplication operator.

Multiplying Two numbers example

let num1 = 3;
let num2 = 3;
num2 * num1; // 9

Multiplying Two string numbers example

let num1 = "3";
let num2 = "3";
parseInt(num2) * parseInt(num1); // 9

Today, I’m going to show you How do i multiply two numbers in react js, as mentioned above here, I’m going to use the * multiplication operator.

Let’s start today’s tutorial on how do you multiply two numbers in react js.

In this example, we will do

  • take an example of a number and string number state
  • Multiplying two numbers example
  • Multiplying two string numbers example
  • print the output on the page screen
import React, { useState } from "react";
export default function App() {
  const [firstNum, setFirstNum] = useState(3);
  const [secondNum, setSecondNum] = useState(3);
  const [firstStr, setFirstStr] = useState("3");
  const [secondStr, setSecondStr] = useState("3");
  return (
    <div className="App">
      <h1>{`Multiplying two numbers example`}</h1>
      <p>{firstNum * secondNum}</p>
      <h1>{`Multiplying two string numbers example`}</h1>
      <p>{parseInt(firstStr) * parseInt(secondStr)}</p>

In the above react js example, we have taken the sample numbers and string numbers state, and performed Multiplying two numbers example, and Multiplying two string numbers example.

I hope it helps you, All the best 👍.