Javascript 问题),;2) 添加不起作用的内容和您尝试过的内容。尽管如此,我还是想尝试一下答案:useState返回当前值(data,在您的情况下),以及一个更改该数据的函数(setData)。您直接分配给setData,而不是调用它(例如setData(day))。
Javascript 问题),;2) 添加不起作用的内容和您尝试过的内容。尽管如此,我还是想尝试一下答案:useState返回当前值(data,在您的情况下),以及一个更改该数据的函数(setData)。您直接分配给setData,而不是调用它(例如setData(day))。,javascript,reactjs,react-select,Javascript,Reactjs,React Select,问题),;2) 添加不起作用的内容和您尝试过的内容。尽管如此,我还是想尝试一下答案:useState返回当前值(data,在您的情况下),以及一个更改该数据的函数(setData)。您直接分配给setData,而不是调用它(例如setData(day))。您好!谢谢你的回复。我对这个问题作了修改。请你看一下好吗?我会很感激的。我已经试着对你的问题做了一些修改,但即使在你更新之后,它也不清楚。但无论如何,请等待人们的帮助。@oluwatosinadanielowolabi您应该把异步代码放进去。我
问题),;2) 添加不起作用的内容和您尝试过的内容。尽管如此,我还是想尝试一下答案:
useState
返回当前值(data
,在您的情况下),以及一个更改该数据的函数(setData
)。您直接分配给setData
,而不是调用它(例如setData(day)
)。您好!谢谢你的回复。我对这个问题作了修改。请你看一下好吗?我会很感激的。我已经试着对你的问题做了一些修改,但即使在你更新之后,它也不清楚。但无论如何,请等待人们的帮助。@oluwatosinadanielowolabi您应该把异步代码放进去。我已经更新了示例,将requestApi()
定义替换为使用axios请求数据的代码。感谢您的快速响应!您的解决方案工作正常,但在我添加API的那一刻,它就停止工作了。我正在使用Axios从API获取数据。我在函数getDataFromDate(date)中使用了Axios,正好在const标签之前。你能在我的初始问题中检查所附的代码吗,而不是codesandbox。在问题的第二个链接中有多个错误。我已经在我的代码示例中修复了所有这些问题。请仔细阅读我的代码,如果您不理解其中的任何部分,请在中询问我任何问题。
const defaultDate = options[0];
const defaultData = {};
export default function App() {
const [date, setDate] = React.useState(defaultDate.value);
const [chartData, setChartData] = useState(defaultData);
const handleChange = (value) => {
const date = value.value;
setDate(date);
};
React.useEffect(() => {
getDataFromDate(date).then((chartData) => {
setChartData(chartData);
});
}, [date]);
return (
<div className="card-one">
<span className="dropdown-select">
<Select
options={options}
onChange={handleChange}
/>
</span>
<Bar
data={chartData}
{...}
/>
</div>
);
}