文件名称:react-change-highlight:react不断突出变化的React组件:high_voltage:
文件大小:210KB
文件格式:ZIP
更新时间:2024-05-26 20:41:35
react highlighting npm-package detect-changes react-hooks
React变化亮点 React Change Highlight是一个React组件,用于突出显示已包装组件中的更改,以增强UX,并将用户的注意力吸引到某些部分(例如,电子商务应用程序中的购物车)的已更改值中。 这是我在项目中使用的真实用例 您可以在此沙盒 ..上它,或克隆该repo并使用examples文件夹中的所有示例 安装 yarn add react-change-highlight 或者 npm install react-change-highlight 用法 基本上,您需要将要突出显示的组件包装在ChangeHighlight元素中(默认导入),然后向该组件中的每个子组件添加ref属性,这些子组件在更改其内容时要突出显示。 在下面的示例中, count变量来自状态,因此,无论setCount()使用不同的值调用setCount()函数,该包装的div的背景都将作为默认
【文件预览】:
react-change-highlight-master
----.eslintrc(664B)
----.github()
--------ISSUE_TEMPLATE()
----yarn.lock(478KB)
----.babelrc(154B)
----.vscode()
--------settings.json(54B)
----packages()
--------react-change-highlight()
----examples()
--------todo-example()
--------simple-example()
----CONTRIBUTING.md(299B)
----tsconfig.json(314B)
----LICENSE(1KB)
----.prettierrc(112B)
----lerna.json(180B)
----README.md(4KB)
----.all-contributorsrc(1KB)
----CODE_OF_CONDUCT.md(3KB)
----.gitignore(368B)
----CHANGELOG.md(407B)
----.eslintignore(5B)
----package.json(2KB)