Passing integers to JSX attributes
97
February 14, 2022, at 01:30 AM
return <textarea className="tox-input" rows=2 ></textarea>;
I want to pass rows=2 to this tag. However, this results in the following error.
Parsing error: JSX value should be either an expression or a quoted JSX text.
After a bit of research, I couldn't find a way to solve this. Please could someone tell me the proper way to do it in JSX?
Note: Using rows={2} doesn't give an error, but it only shows one row.
Answer 1
Use curly brace:
return <textarea className="tox-input" rows={2} ></textarea>;
It will pass integer.
Playground area
Answer 2
Using rows={2} is the right call. Look for any css rule that limits the max height of the textarea or a parent element that does this.
-
12:40
-
05:30
-
05:10
-
9:40
-
4:50
-
11:30
How to prevent a token created with OAuth 2.0 from expiring?
-
08:00
-
05:10
-
6:30
POPULAR ONLINE
- search for elements in a list 110477 visits
- typescript: tsc is not recognized as an internal or external command, operable program or batch file 105056 visits
- In Chrome 55, prevent showing Download button for HTML 5 video 98144 visits
- RxJS5 - error - TypeError: You provided an invalid object where a stream was expected 95619 visits
- Ionic 2 - how to make ion-button with icon and text on two lines? 91863 visits
- NetBeans IDE - ClassNotFoundException: net.ucanaccess.jdbc.UcanaccessDriver 61304 visits
- Adding methods to es6 child class 22012 visits
