From 3e2f32b08e1a02730ed8d106821c7ac791c8b9c7 Mon Sep 17 00:00:00 2001
From: edwardxiao <edwardfhsiao@gmail.com>
Date: Fri, 18 Feb 2022 16:21:53 +0800
Subject: [PATCH] no message

---
 CHANGELOG.md |  4 ++++
 README.md    | 12 +++++-------
 package.json |  2 +-
 3 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index a3c22fb..eb38ee1 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,7 @@
+# 4.9.0
+
+- Update readme
+
 # 4.8.9
 
 - Fix 'undefined' classname for ```__container```
diff --git a/README.md b/README.md
index 60cf139..499a55e 100644
--- a/README.md
+++ b/README.md
@@ -54,13 +54,11 @@ import 'react-inputs-validation/lib/react-inputs-validation.min.css';
  <script src="https://cdnjs.cloudflare.com/ajax/libs/react-inputs-validation/4.4.1/react-inputs-validation.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.21.1/babel.min.js"></script>
  <script type="text/babel">
-  class App extends React.Component {
-    ...
-    render() {
-      return <Textbox value={value} onBlur={()=>{}} .../>;
-    }
-  }
-  ReactDOM.render(<App />, document.getElementById('root'));
+    const App = React.memo(() => {
+      const [value, setValue] = React.useState('');
+      return (<Textbox value={value} onBlur={()=>{}} .../>)
+    });
+    ReactDOM.render(<App />, document.getElementById('root'));
  </script>
 </body>
 
diff --git a/package.json b/package.json
index d59cadb..977309f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-inputs-validation",
-  "version": "4.8.8",
+  "version": "4.9.0",
   "description": "A react component for form inputs validation.",
   "main": "index.js",
   "types": "./lib/index.d.ts",