Function CommentInput

src/components/comment_input.jsx:5–22

({ placeholder, onSubmit, autoFocus })

const { TextArea } = Input;

export default function CommentInput({ placeholder, onSubmit, autoFocus }) {
    const handleSubmit = () => {
        onSubmit?.(text);
        setText('');
    }

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

    return <Space direction="vertical" style={{ width: "100%" }}>
        <TextArea autoFocus={autoFocus} placeholder={placeholder}
            value={text}
            onChange={e => setText(e.target.value)}
        />
        <Row justify="end">
            <Col><Button type="primary" onClick={handleSubmit}>发布</Button></Col>
        </Row>
    </Space>
}