fix: useState hook x-model 不支持绑定到state的属性上

peakchen90 · Oct 7, 2019 · 4ae1dab · 4ae1dab
1 parent 615e29e
commit 4ae1dab
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 6 deletions.
diff --git a/lib/rules/no-unused-vars.js b/lib/rules/no-unused-vars.js
@@ -19,12 +19,22 @@ module.exports = {
 
     function checkUseData(stateName, setStateName) {
       const references = context.getScope().references;
-      const valid = references.find(ref => (
-        ref.identifier.name === stateName
-        && ref.identifier.parent.type === 'JSXExpressionContainer'
-        && ref.identifier.parent.parent.type === 'JSXAttribute'
-        && ref.identifier.parent.parent.name.name === `${prefix}-model`
-      ));
+      const valid = references.find(({ identifier }) => {
+        if (identifier.name !== stateName) {
+          return false;
+        }
+
+        let parent = identifier.parent;
+        while (parent && parent.type === 'MemberExpression') {
+          parent = parent.parent;
+        }
+
+        return parent
+          && parent.type === 'JSXExpressionContainer'
+          && parent.parent.type === 'JSXAttribute'
+          && parent.parent.name.name === `${prefix}-model`;
+      });
+
       if (valid) {
         context.markVariableAsUsed(setStateName);
       }

diff --git a/tests/lib/rules/no-unused-vars.js b/tests/lib/rules/no-unused-vars.js
@@ -8,6 +8,14 @@ new RuleTester({
   }
 }).run('no-unused-vars', rule, {
   valid: [
+    {
+      code: `
+        export default () => {
+          const [data, setData] = useState(0);
+          return <input x-model={data.foo}/>
+        }
+      `
+    },
     {
       code: `
         export default () => {