[React Native] 넘겨받은 값으로 state 초기화하기
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);
...
}