리액트) toast editor를 이용한 crud 질문

Question

toast editor 이용해서 crud를 구현하려고 하고 있습니다. 현재 json-server 이용해서 리액트에서만 crud 하고 있습니다.마크다운 형식으로 작성하고 post를 했는데 제대로 적용이 안된 것같습니다. 가나다라가나다라위 처럼 에디터에 작성하면 get 해올 떄는 가나다라 가나다라 이런 형식으로 표시됩니다 어떻게 해야할까요 ㅠㅠ //Write.jsx export default function Write() { const [category, setCategory] = useState(''); const [title, setTitle] = useState(''); const editorRef = useRef(null); const handleCategoryChange = event => { setCategory(event.target.value); }; const handleTitleChange = event => { setTitle(event.target.value); }; const handleSave = () => { const editorInstance = editorRef.current.getInstance(); const markdownContent = editorInstance.getMarkdown(); const postData = { id: uuidv4(), category, title, date: new Date().toLocaleString('en-KR'), content: markdownContent, }; axios .post('http://localhost:3001/posts', postData) .then(response => { console.log('Post submitted:', response.data); }) .catch(error => { console.error('Error submitting post:', error); }); }; return ( <>

); } //WritePost.jsxexport default function WritePost({ editorRef }) { return ( <>

); } //DetailPost.jsximport ReactMarkdown from 'react-markdown'; export default function DetailPost() { const navigate = useNavigate(); const { posts } = useSelector(state => state.posts); const dispatch = useDispatch(); const params = useParams(); const foundData = posts.find(posts => { return posts.id == params.id; }); console.log(foundData); useEffect(() => { dispatch(getAllPost()); }, [dispatch]); return ( <>

{foundData?.content} {/* */} ); }

리액트) toast editor를 이용한 crud 질문

0개의 답변

#toast 목록