@18f/redux-textarea-debounce 中文文档教程

Question

redux-textarea-debounce

模拟 </code> 但去抖动 <code>onChange</code> 的 React 组件 事件，这对 redux 应用程序特别有用。 如果你试图处理每一个 <code>onChange</code> 通过调度程序路由它和所有有趣的东西，你的 应用程序可能开始滞后。 这个应用程序可以帮助您！

Installation

npm i @18f/redux-textarea-debounce

Usage

无论您作为 onChange 道具提供什么功能，都会去抖动，因此它只会 最多每 200 毫秒运行一次。 只要用户继续输入，它就不会运行 根本-除非他们放慢足够长的时间。

它尽可能像一个普通的 textarea：

import TextArea from '@18f/redux-textarea-debounce';

function handler(e) {
  // You get the full SyntheticEvent object, but
  // not on every change - at most once every 200ms
  console.log(e.target.value);
}

render() {
  return (
    <TextArea value="initial value" onChange={handler} />
  );
}

Prop	Type	Description
value	string	The initial text value of the text area.
name	string	A name for the component, passed down to the underlying <textarea> - this will show up on the event as event.target.name.
onChange	function	The event handler for change events, called at most once ever 200ms. Receives one argument, a React SyntheticEvent from the underlying real <textarea> component.

Public domain

这个项目在全球范围内公共领域。 如中所述 CONTRIBUTING：

这个项目在美国属于公共领域，并且 全球作品的版权和相关权利通过 CC0 1.0 通用公共领域贡献。

所有对该项目的贡献都将在 CC0 奉献精神下发布。 通过提交拉取请求，您同意遵守此放弃 版权权益。