首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何以响应的形式在TextareaAutosize中设置cols?

如何以响应的形式在TextareaAutosize中设置cols?
EN

Stack Overflow用户
提问于 2020-09-14 11:19:39
回答 1查看 350关注 0票数 0

如何在TextareaAutosize中以响应的形式设置cols

代码语言:javascript
运行
复制
<TextareaAutosize aria-label="minimum height" rowsMin={3} placeholder="Minimum 3 rows" />

根据位于的页面进行响应

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-09-14 11:28:24

您需要定义一个变量,设置宽度,并将该变量用作TextareaAutosize组件中的支柱,如下所示:

代码语言:javascript
运行
复制
import React from 'react';
import TextareaAutosize from '@material-ui/core/TextareaAutosize';
import { Container } from "@material-ui/core";

const styles={
  width: "100%"
}

export default function MinHeightTextarea() {
  return <Container><TextareaAutosize aria-label="minimum height" style={styles} rowsMin={3} placeholder="Minimum 3 rows" /></Container>;
}

请查看此演示程序以获得更多信息:https://codesandbox.io/s/material-demo-forked-sbg8b?file=/demo.js

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/63883248

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档