How to print substring in React JSX?

Question

I have two variables in my react component. I want to divide one variable from another and print the value for only one decimal place. So, I choose the substring method as following:

 <div className="col-md-8">
      {(total_star / total_user).substring(0,2)}
 </div>

In the output I am getting the following error:

TypeError: (total_star / total_user).substring is not a function

Kindly help to print substring in jsx.

Titus · Accepted Answer · 2019-05-28 08:42:43Z

3

That is because the result is a float not a string, you could use .toFixed(...) instead of substring

(total_star / total_user).toFixed(2);

Or convert the result to string and the use .substring(...)

(total_star / total_user).toString().substring(0,2)

The first example may not get you the result you're looking for because .substring(0, 2) will give you the first two characters and .toFixed(2) will give you the result with two decimals after the decimal point.

edited May 28, 2019 at 8:42

answered May 28, 2019 at 8:39

Titus

22.6k1 gold badge26 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to print substring in React JSX?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related