diff --git a/en/react-native-sqlite-storage.md b/en/react-native-sqlite-storage.md index db3e11480754aa857fa2b48acffe9bd7082e258c..73859e532949e6f32e287a5a7b471014ddeb5db8 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 34469f2525ba8829babd54f1ad3d31b398a893ec..305b2232b5528bdad4c8e0a0c66a927f41c5214d 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} /> );