首页 > 其他分享 >antd TextArea placeholder文案换行的几种方式

antd TextArea placeholder文案换行的几种方式

时间:2022-11-17 17:35:12浏览次数:70  
标签:const TextArea demo wen 今天天气 antd placeholder

const App = () => {
  const value = `例子:\n今天天气不错`;
  const value1 = `例子:\r今天天气不错`;

  return (
    <>
      <TextArea
        placeholder="例子:&#13;&#10;今天天气不错"
        style={{ height: 80 }}
      />
      <br />
      <TextArea placeholder={value} style={{ height: 80 }} />
      <br />
      <TextArea placeholder={value1} style={{ height: 80 }} />
    </>
  );
};

demo:https://codesandbox.io/s/gua-ying-wen-ben-gao-du-de-wen-ben-yu-antd-4-22-4-forked-t2qk0v?file=/demo.js:138-853

标签:const,TextArea,demo,wen,今天天气,antd,placeholder
From: https://www.cnblogs.com/sk-3/p/16900171.html

相关文章

  • [Typescript] 105. Medium - Placeholder
    typePlaceholder<Textendsstring>=Textends`${string}{${inferP}}${inferREST}`?P|Placeholder<REST>:never;declarefunctionformat<Sextendsstr......
  • Antd之表单label超出宽度增加省略号
    需求:Antd之表单label超出宽度增加省略号代码结构如下:使用.ant-form-item-label{text-overflow:ellipsis;}无效,原因是label的display:inline-flex值使其无效。......
  • react-router-dom v6+antd+react18配置
    官网地址:react-router1.安装的版本,antd版本4.24.12.项目目录结构3.入口文件index.js配置,react18版本发生了一些变化,改为以下写法importReactfrom'react';import......
  • antd table 树形数据动态加载
    antd的table组件支持树形结构的数据,不过前提是需要将整棵树的数据一次性全部返回,对于数据量比较大的情况下,可能会需要动态加载数据。exportdefaultfunctionDynamicT......
  • Antd Tree树形控件 自定义插槽
    使用titleRender属性自定义节点渲染函数,不需要处理树型数据,达到比如右侧新增按钮的需求(如图三)<Tree ... titleRender={(nodeData)=>{return(......
  • antdv (Ant Design of Vue) 复杂表单验证问题解决方法
    我们知道,在简单的表单中,都是一项一项往下排列的,验证的时候也按照字段一一对把规则写好就能验证,如下图  但是遇到了复杂场景的表单验证,比如一项由多个input、checkbox......
  • AntDB数据库与DSG强强联手,助力通信行业核心系统国产化
    日前,湖南亚信安慧科技有限公司(简称:亚信安慧科技)与迪思杰(北京)数据管理技术有限公司开展了产品兼容互认工作。图1:AntDB数据库与DSGSuperSyncV3.2兼容互认证明近年来,国家大......
  • 表单笔记-Antd(Form)
    antd表单使用笔记import{Form}from'antd'exportdefaultconstApp=()=>{constform=Form.useForm();//提交表单constonFinish=(val)=>{//val......
  • React使用Antd自定义主题报错
    安装包"customize-cra":"^1.0.0","customize-cra-less-loader":"^2.0.0","less":"^4.1.3","less-loader":"^11.1.0",修改config-overrides.jsconst{override......
  • 解决小程序中textarea ios端样式不兼容的两种方法
    今天遇到在小程序里面textarea会存在一定的兼容性问题,textarea有默认的内边距,在安卓手机和ios手机显示的时候,ios手机的内边距会比安卓手机的内边距大很多,所以会造成样式不兼......