帮酷LOGO
  • 显示原文与译文双语对照的内容
文章标签:react  文本  component  COM  TEX  
textarea component for React which grows with content

  • 源代码名称:react-textarea-autosize
  • 源代码网址:http://www.github.com/andreypopp/react-textarea-autosize
  • react-textarea-autosize源代码文档
  • react-textarea-autosize源代码下载
  • Git URL:
    git://www.github.com/andreypopp/react-textarea-autosize.git
  • Git Clone代码到本地:
    git clone http://www.github.com/andreypopp/react-textarea-autosize
  • Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/andreypopp/react-textarea-autosize
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
  • npm versionnpm

    react-textarea-autosize

    删除textarea组件的替换,该组件会随着内容更改自动调整textarea的大小。 受欢迎的 jQuery Autosize的本地反应版本。

    这里模块支持IE9和上模块。

    importTextareafrom"react-textarea-autosize";// If you use CommonJS syntax:// var Textarea = require('react-textarea-autosize').default;React.renderComponent(
     <div><Textarea /></div>,
     document.getElementById("element")
    );

    安装

    npm install react-textarea-autosize

    演示

    https://andreypopp.github.io/react-textarea-autosize/

    常见问题解答

    如何用jest和react-test-renderer测试它?

    jest提供了 DOM jsdom和react-test-renderer,所以你需要在测试中提供mock的引用,因此你需要为DOM对象提供 polyfills 。 你可以像这个( 更多的可以在这里阅读 ) 这样做:

    consttree= renderer
    . create(<Textarea />, {
     createNodeMock: () =>document.createElement("textarea")
     })
    . toJSON();

    插件开发

    要发布补丁,次要版本或者主要版本:

    % npm run release:patch
    % npm run release:minor
    % npm run release:major

    这将运行 eslint,从 src/ 编译源代码到 lib/es/dist/,在 package.json 中创建一个版本,然后创建一个新的。 如果测试或者linter失败- 提交将不会被创建。 如果任务成功,它将发布到npm并将标记推到 github 。



    文章标签:COM  文本  TEX  react  component  

    Copyright © 2011 HelpLib All rights reserved.    知识分享协议 京ICP备05059198号-3  |  如果智培  |  酷兔英语