将整数传递给 JSX 属性

Question

return <textarea className="tox-input" rows=2 ></textarea>;

我想将rows=2 传递给这个标签。但是，这会导致以下错误。

Parsing error: JSX value should be either an expression or a quoted JSX text.

经过一番研究，我找不到解决此问题的方法。请问有人可以告诉我在 JSX 中的正确方法吗？

注意：使用rows={2} 不会报错，但只会显示一行。

Answer 1

使用大括号：

return <textarea className="tox-input" rows={2} ></textarea>;

它将传递整数。

Playground area

Answer 2

使用 rows={2} 是正确的选择。查找任何限制 textarea 最大高度的 css 规则或执行此操作的父元素。