React/Vanilla JavaScript: 当使用 onChange 事件产生文本区域的行或行时,事件对象上是否有 属性?

React/Vanilla JavaScript: Is there a property on the event object when using onChange event yielding the line or row of a textarea?

我有一个用 React 制作的文本区域组件:

<Textbox
 as="textarea"
 type="text"
 placeholder="Variable Types"
 aria-rowindex={currentRow}
 rows="6"
 cols="60"
 maxLength = "100"
 value={variableTypeName}
 onPaste={e => handlePaster(e)}
 onChange={e => handleChange(e)} >
</Textbox>

它有 line 行号,我想找到 属性(如果它存在)给我当前的行号或行。

我安慰了 event 对象,但它非常大!

提前致谢!

就像评论部分提供的那样,我正在尝试'\n'的选项。

我不知道活动中有 属性。但是,如果在 '\n' 上拆分,然后在每个索引上进行搜索以查看故障是否发生在那里,那么您就会知道带有索引的行号。

你可以拆分行,然后通过.map逐行检查。

const text = `Hello!! 
I am on a new line! 
and this is the third line`


let lines = text.split('\n');

console.log(lines.map( (item,index) => `${index+1} - ${item}`))