我有代码：

const Forms = () => {
    const [messageText, setMessageText]: any = useState("");
    useEffect(() => {
        const getPosts = () => {
            axios.post('http://localhost:8080/graphql/', {
                query: `
  {
    getPosts(option: true) {
      id
      message
    }
  }  
  `
            })
                .then((res) => {

                    const andrey = res.data.data.getPosts

                    setMessageText(andrey)

                })
                .catch((error) => {
                    console.error(error)
                })
        };
        getPosts()

    }, [])

    console.log(messageText)

    return (
        <div>
            <div style={{alignItems: "center", justifyContent: "center", textAlign: "center"}}>
                {Object.keys(messageText).map((data: any) => (
                    <Form message={data.message}/>
                    ))}

            </div>
            <Input/>
        </div>

    );
};

export default Forms;

我想用json键文本显示div元素，但div元素是空的。如果我只显示数据，那么页面上显示的是数字而不是文本。请帮助我。这是我的浏览器中出现的内容：