[React Native] 넘겨받은 값으로 state 초기화하기

Nadan
Nadan Dev Blog

넘겨받은 값으로 state 초기화하기

-> 예제 변경

EditScreen.js

const EditScreen = ({ navigation }) => {
    
    const { state } = useContext(BlogContext);

    const blogPost = state.find((blogPost) => blogPost.id === navigation.getParam('id'))
    
    return <BlogPostForm
        initialValues={{ title: blogPost.title, content: blogPost.content }}
        onSubmit={(title, content) => {
            console.log(title, content);
    }}  />
};

BlogPostForm.js

const BlogPostForm = ({ onSubmit, initialValues }) => {

    const [title, setTitle] = useState(initialValues.title);
    const [content, setContent] = useState(initialValues.content);
		...
}