1.2.0 • Published 1 year ago

use-merge-value v1.2.0

Weekly downloads
7,035
License
MIT
Repository
github
Last release
1 year ago

use-merge-value

Easier to write a controlled component

此 hooks 可以轻松的实现一个受控组件。使用方式类似于 useState ,支持通过第二个参数传入 { value, onChange} 来覆盖掉默认的 value 与 setValue。

Usage

yarn add use-merge-value
import React, { useState } from 'react';
import useMergeState from 'use-merge-value';

const ControlledInput: React.FC<{ value: string; onChange: (value: string) => void }> = props => {
  const [value, setValue] = useMergeState('', props);
  return (
    <div>
      <input value={value} onChange={e => setValue(e.target.value)}></input>{' '}
    </div>
  );
};

LICENSE

MIT

mikorab-uupm-uinsn_webumi-antdfk_tablepower-deisgnliuzy-ant-design-projyswsdssdfdfdsafdtedsssswdswscra-template-gtja-czant-views@hzerojs/layoutsimple-antd-management-fast-framework@infinitebrahmanuniverse/nolb-use-m@everything-registry/sub-chunk-3027hoonghu-layouthuemix-pro-layoutkitchen-flow-editorgoletter-reactjostoolslobe-uimytest-abcnnusercentermtianyan-pro-tablejxt-components-testjxt-libsjxt-rollup-libmushiny-react-componentsmy-components-test-devmg-es-tablensn-compdw-mx-layout-antdprodtusercenterdtusercentercompdumi-theme-antd-styledumi-theme-ariettadumi-theme-ayahubdumi-theme-multiway-docsdumi-theme-xieyezidumi-theme-lobehuberp-tablefe-antd-wealth-mgtfk_mfk_tbfc-headergeoscene-ant-pro-layout@xcomponents/storageqnzs-ui@xauth/react-lockqylc-pro-tableqylc-antdpro-layout-pretty@ali-dayu/qi@ali-dayu/qi-fusionoss-uiaoligei@amirkarimi/antd-pro-layout-with-ssr@ant-design/form@ant-design/pro-editor@ant-design/pro-flow@ant-design/pro-flow-editor@angeloreppucci/ant-design-pro-layoutahax-formtable@admin-layout/ant-design-pro@adminide-stack/react-shared-components@senja24/cleek-ui@senja24/uiruxd@chat2db/ui@gehaijun/pro-layout@hanzo/chatzd_module_for_test@flexem/header@fejs/layout@fcodes/dumi-theme@fcodes/uiumi3-dtd-tsunified-login-center@jthinking/pro-editor@kbse-frame/layout@kbse-frame/system@kbse/layout@kbse/systemweui-react-v2xtepxydata-dictionaryyjy-stroeyjy-todoypsx-marketing@lobehub/ui@lobehub/chat@lobehub/readme-generator@lobehub/readme-wizard@linkstec/template@datoou/componentsshenyinabcd-pro-tablecustom-pro-layoutcustom-antd-pro-tabledata-service-bbtdc-chartsdaichao-dale_template_adminsongbai-pro-table
1.2.0

1 year ago

1.1.0

1 year ago

1.0.2

4 years ago

1.0.1

4 years ago

1.0.0

4 years ago

0.0.1

4 years ago