Gemini克隆项目：dangerouslySetInnerHTML无法渲染API响应内容求助

错误点1：API调用函数返回值不匹配 #

你在run函数中打印的是result.response.text()，但return语句错误使用了未定义的response变量，导致实际返回的不是API响应内容。

修正后的run函数代码：

const result = await chatSession.sendMessage(prompt);
console.log(result.response.text());
return result.response.text(); // 修正为result.response.text()
}

export default run;

错误点2：React状态更新写法错误 #

你的onSent函数中错误地将React的状态更新函数当作变量赋值使用，正确的写法应该是函数调用。

修正后的onSent函数代码：

const onSent = async(prompt) => {
    setResultData("");
    setLoading(true);
    setShowResult(true);
    setRecentPrompt(input);
    const response = await run(input);
    setResultData(response);
    setLoading(false);
    setInput("");
}

额外确认项 #

请确保resultData已经通过React的useState正确声明为组件状态：

const [resultData, setResultData] = useState("");

内容的提问来源于stack exchange，提问作者SUMMER