PostForm.js 에 Post 내용(text)가 빈값이 나와요.

Question

import React, { useCallback, useState, useRef } from 'react';

import { useSelector, useDispatch } from 'react-redux';

import { Form, Input, Button } from 'antd';

import { addPost } from '../reducers/post';

const PostForm = () => {

const { imagePaths } = useSelector((state) => state.post);

const dispatch = useDispatch();

const imageInput = useRef();

const [text, setText] = useState('');

const onChangeText = useCallback((e) => {

setText(e.target.value);

}, []);

const onSubmit = useCallback(() => {

console.log('여기가 빈값 이에요.', text); // 여기가 빈값 이에요.

dispatch(addPost(text));

}, []);

const onClickImageUpload = useCallback(() => {

imageInput.current.click();

}, [imageInput.current]);

return (

<Input.TextArea

value={text}

onChange={onChangeText}

maxLength={140}

placeholder="어떤 신기한 일이 있었나요?"

/>

<div>

</div>

<div>

{imagePaths.map((v) => (

<div>

</div>

))}

</div>

</Form>

)

}

export default PostForm;

담담 · Answer

넵. 감사합니다.^^;;

제로초(조현영) · Answer

onSubmit useCallback 빈 배열에 text를 넣으세요.

담담 · Answer

게시글 등록 하고 있는데요. 텍스트를 입력하고 짹쨱 버튼을 클릭하면 텍스트가 넘어가지 않아요. 텍스트 변수값이 '' 빈값이에요 버그를 못찾겠어요 ㅠ_ㅠ.