From ed98981efbe6938f9185931c8f4ce63dd7b823b0 Mon Sep 17 00:00:00 2001
From: chenwenhui133 <2984202073@qq.com>
Date: Thu, 19 Jun 2025 20:04:23 +0800
Subject: [PATCH] =?UTF-8?q?docs:=20[Issues:=20#ICGGBT]=20=E4=BF=AE?=
=?UTF-8?q?=E6=94=B9react-native-sqlite-storage=E7=9A=84=E7=A4=BA=E4=BE=8B?=
=?UTF-8?q?=E4=BB=A3=E7=A0=81=E9=A3=98=E7=BA=A2=E5=91=8A=E8=AD=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
en/react-native-sqlite-storage.md | 67 ++++++++++++++++------------
zh-cn/react-native-sqlite-storage.md | 67 ++++++++++++++++------------
2 files changed, 78 insertions(+), 56 deletions(-)
diff --git a/en/react-native-sqlite-storage.md b/en/react-native-sqlite-storage.md
index db3e1148..73859e53 100644
--- a/en/react-native-sqlite-storage.md
+++ b/en/react-native-sqlite-storage.md
@@ -55,23 +55,44 @@ const database_name = 'Test.db';
const database_version = '1.0';
const database_displayname = 'SQLite Test Database';
const database_size = 200000;
-let db;
-const Item = ({title}) => (
-
- {title}
-
-);
-class SQLiteDemo extends Component {
- constructor() {
- super();
+let db: any;
+const Item = (props: any) => {
+ const { title } = props;
+ return(
+
+ {title}
+
+ )
+};
+
+interface SQLiteDemo {
+ progress: string[]
+}
+
+interface State {
+ progress: string[]
+}
+
+interface rowsType {
+ item: any,
+ length: number
+}
+
+interface ResultType {
+ rows: rowsType
+}
+
+class SQLiteDemo extends Component<{}, State> {
+ constructor(props: any) {
+ super(props);
this.progress = [];
this.state = {
progress: [],
};
}
- updateProgress = (text, resetState) => {
- let progress = [];
+ updateProgress = (text: string, resetState?: boolean) => {
+ let progress: string[] = [];
if (!resetState) {
progress = [...this.progress];
}
@@ -86,7 +107,7 @@ class SQLiteDemo extends Component {
this.closeDatabase();
};
- errorCB = err => {
+ errorCB = (err: any) => {
console.log('error: ', err);
this.updateProgress('Error: ' + (err.message || err));
return false;
@@ -110,7 +131,7 @@ class SQLiteDemo extends Component {
};
// eslint-disable-next-line no-shadow
- populateDatabase = db => {
+ populateDatabase = (db: any) => {
this.updateProgress('Database integrity check');
db.executeSql(
'SELECT 1 FROM Version LIMIT 1',
@@ -121,7 +142,7 @@ class SQLiteDemo extends Component {
this.updateProgress('Processing completed');
});
},
- error => {
+ (error: any) => {
console.log('received version error:', error);
this.updateProgress('Database not yet ready ... populating data');
db.transaction(this.populateDB, this.errorCB, () => {
@@ -136,7 +157,7 @@ class SQLiteDemo extends Component {
);
};
- populateDB = tx => {
+ populateDB = (tx: any) => {
this.updateProgress('Executing DROP stmts');
tx.executeSql('DROP TABLE IF EXISTS Employees;');
@@ -258,7 +279,7 @@ class SQLiteDemo extends Component {
console.log('all config SQL done');
};
- queryEmployees = async tx => {
+ queryEmployees = async (tx: any) => {
console.log('Executing JSON1 queries...');
// 1. JSON_OBJECT
@@ -359,7 +380,7 @@ class SQLiteDemo extends Component {
);
};
- querySuccess = (tx, results) => {
+ querySuccess = (tx: any, results: ResultType) => {
this.updateProgress('Query completed');
var len = results.rows.length;
for (let i = 0; i < len; i++) {
@@ -419,16 +440,6 @@ class SQLiteDemo extends Component {
}
- renderProgressEntry = entry => {
- return (
-
-
- {entry}
-
-
- );
- };
-
render = () => {
return (
@@ -449,7 +460,7 @@ class SQLiteDemo extends Component {
}
- keyExtractor={item => item.i}
+ keyExtractor={(item: any )=> item.i}
/>
);
diff --git a/zh-cn/react-native-sqlite-storage.md b/zh-cn/react-native-sqlite-storage.md
index 34469f25..305b2232 100644
--- a/zh-cn/react-native-sqlite-storage.md
+++ b/zh-cn/react-native-sqlite-storage.md
@@ -53,23 +53,44 @@ const database_name = 'Test.db';
const database_version = '1.0';
const database_displayname = 'SQLite Test Database';
const database_size = 200000;
-let db;
-const Item = ({title}) => (
-
- {title}
-
-);
-class SQLiteDemo extends Component {
- constructor() {
- super();
+let db: any;
+const Item = (props: any) => {
+ const { title } = props;
+ return(
+
+ {title}
+
+ )
+};
+
+interface SQLiteDemo {
+ progress: string[]
+}
+
+interface State {
+ progress: string[]
+}
+
+interface rowsType {
+ item: any,
+ length: number
+}
+
+interface ResultType {
+ rows: rowsType
+}
+
+class SQLiteDemo extends Component<{}, State> {
+ constructor(props: any) {
+ super(props);
this.progress = [];
this.state = {
progress: [],
};
}
- updateProgress = (text, resetState) => {
- let progress = [];
+ updateProgress = (text: string, resetState?: boolean) => {
+ let progress: string[] = [];
if (!resetState) {
progress = [...this.progress];
}
@@ -84,7 +105,7 @@ class SQLiteDemo extends Component {
this.closeDatabase();
};
- errorCB = err => {
+ errorCB = (err: any) => {
console.log('error: ', err);
this.updateProgress('Error: ' + (err.message || err));
return false;
@@ -108,7 +129,7 @@ class SQLiteDemo extends Component {
};
// eslint-disable-next-line no-shadow
- populateDatabase = db => {
+ populateDatabase = (db: any) => {
this.updateProgress('Database integrity check');
db.executeSql(
'SELECT 1 FROM Version LIMIT 1',
@@ -119,7 +140,7 @@ class SQLiteDemo extends Component {
this.updateProgress('Processing completed');
});
},
- error => {
+ (error: any) => {
console.log('received version error:', error);
this.updateProgress('Database not yet ready ... populating data');
db.transaction(this.populateDB, this.errorCB, () => {
@@ -134,7 +155,7 @@ class SQLiteDemo extends Component {
);
};
- populateDB = tx => {
+ populateDB = (tx: any) => {
this.updateProgress('Executing DROP stmts');
tx.executeSql('DROP TABLE IF EXISTS Employees;');
@@ -256,7 +277,7 @@ class SQLiteDemo extends Component {
console.log('all config SQL done');
};
- queryEmployees = async tx => {
+ queryEmployees = async (tx: any) => {
console.log('Executing JSON1 queries...');
// 1. JSON_OBJECT
@@ -357,7 +378,7 @@ class SQLiteDemo extends Component {
);
};
- querySuccess = (tx, results) => {
+ querySuccess = (tx: any, results: ResultType) => {
this.updateProgress('Query completed');
var len = results.rows.length;
for (let i = 0; i < len; i++) {
@@ -417,16 +438,6 @@ class SQLiteDemo extends Component {
}
- renderProgressEntry = entry => {
- return (
-
-
- {entry}
-
-
- );
- };
-
render = () => {
return (
@@ -447,7 +458,7 @@ class SQLiteDemo extends Component {
}
- keyExtractor={item => item.i}
+ keyExtractor={(item: any )=> item.i}
/>
);
--
Gitee