일기장 오늘의 App.ts는 고급 기술을 연습해보았다

import { Component, createElement } from 'react';
import { Text } from 'react-native';
import { DocumentDirectoryPath, readFile, writeFile } from 'react-native-fs';
import _random from 'lodash/random';

class FileIO {
    protected path = DocumentDirectoryPath + '/../Desktop/';

    constructor(file_name: string) {
        this.path += file_name;
    }

    public read() {
        return readFile(this.path)
            .then(content => {
                return content;
            })
            .catch(e => {
                throw new e.code + '\n' + e.message;
            });
    }

    public write(file_content: string) {
        writeFile(this.path, file_content)
            .catch(e => {
                throw new e.code + '\n' + e.message;
            });
    }
}

export default class App extends Component<undefined, { str: string }> {
    constructor(props: any) {
        super(props);
        this.state = { str: '' };
    }

    protected io = new FileIO('test.txt');

    async componentDidMount() {
        this.io.write(_random(9).toString());
        const file_str = await this.io.read();
        this.setState({ str: file_str });
    }

    render() {
        return createElement(Text, undefined, this.state.str);
    }
}