From 221d5573d41edf9139d9f621b867850ae38ed139 Mon Sep 17 00:00:00 2001
From: shikong <919411476@qq.com>
Date: Fri, 25 Oct 2024 20:55:40 +0800
Subject: [PATCH] =?UTF-8?q?6.=20=E8=A1=A8=E5=8D=95=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E7=BB=91=E5=AE=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/InputComponent.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/InputComponent.js b/src/components/InputComponent.js
index 73d11d4..2790462 100644
--- a/src/components/InputComponent.js
+++ b/src/components/InputComponent.js
@@ -3,7 +3,7 @@ import {useEffect, useState} from "react";
 export default function InputComponent() {
     const [state, setState] = useState({
         inputValue: "666",
-        checkedArr: []
+        checkedArr: ["1","3"]
     })
 
     function onChecked(e) {
@@ -40,9 +40,9 @@ export default function InputComponent() {
                value={state.inputValue}/>
 
         <div>
-            <input value={1} onChange={onChecked} type="checkbox" name="options"/> 选项1
-            <input value={2} onChange={onChecked} type="checkbox" name="options"/> 选项2
-            <input value={3} onChange={onChecked} type="checkbox" name="options"/> 选项3
+            <input checked={state.checkedArr.indexOf("1")  !== -1} value="1" onChange={onChecked} type="checkbox" name="options"/> 选项1
+            <input checked={state.checkedArr.indexOf("2")  !== -1} value="2" onChange={onChecked} type="checkbox" name="options"/> 选项2
+            <input checked={state.checkedArr.indexOf("3")  !== -1} value="3" onChange={onChecked} type="checkbox" name="options"/> 选项3
         </div>
     </div>
 }