如何在Javascript的Materializecss中自动调整textarea的大小

如何在Javascript的Materializecss中自动调整textarea的大小,javascript,html,css,materialize,Javascript,Html,Css,Materialize,我正在将ECSS与React.js一起使用。唯一给出的jQuery实现是自动调整textarea的大小,而不是纯Javascript $('#textarea1').val('newtext'); M.textraeaautoresize($('#textraea1')); 如何使用纯Javascript实现它?要使用Materialize和React,您应该使用npm安装Materialize-css@nextnpm安装react materialize,您可以在其中使用组件 文本区域允许更

我正在将ECSS与React.js一起使用。唯一给出的jQuery实现是自动调整textarea的大小,而不是纯Javascript

$('#textarea1').val('newtext');
M.textraeaautoresize($('#textraea1'));

如何使用纯Javascript实现它?

要使用Materialize和React,您应该使用
npm安装Materialize-css@nextnpm安装react materialize
,您可以在其中使用组件

文本区域允许更大的可扩展用户输入。边框应该简单而清晰地显示用户当前正在编辑的字段。文本区域将自动调整大小以适应内部文本。 资料来源:


<Row>
  <Textarea
    id="Textarea-12"
    l={12}
    m={12}
    s={12}
    xl={12}
  />
</Row>