Javascript 映射函数不使用';不能在反应组件中工作
我目前正在学习ReactJS,我无法发现我的代码有什么问题。所以,我在里面有一个函数和map()方法。我用两种方式编写了它(箭头和普通),但普通函数似乎不起作用(页面重新加载为空,但没有显示错误或代码突出显示)。只是澄清一下,我不会同时运行这些函数——在测试另一个函数时,一个函数被注释掉,然后我切换它。此外,箭头功能也可以正常工作 你能检查一下我的代码和建议吗?这里有什么问题吗 //Arrow函数的工作原理Javascript 映射函数不使用';不能在反应组件中工作,javascript,reactjs,es6-map,Javascript,Reactjs,Es6 Map,我目前正在学习ReactJS,我无法发现我的代码有什么问题。所以,我在里面有一个函数和map()方法。我用两种方式编写了它(箭头和普通),但普通函数似乎不起作用(页面重新加载为空,但没有显示错误或代码突出显示)。只是澄清一下,我不会同时运行这些函数——在测试另一个函数时,一个函数被注释掉,然后我切换它。此外,箭头功能也可以正常工作 你能检查一下我的代码和建议吗?这里有什么问题吗 //Arrow函数的工作原理 function App() { const appComponent = AppDat
function App() {
const appComponent = AppData.map((data) => <Data question={data.question} answer={data.answer} />);
return <div>{appComponent}</div>;
}
函数应用程序(){
常量appComponent=AppData.map((数据)=>);
返回{appComponent};
}
//正常功能不起作用
function App() {
const appComponent = AppData.map(function (data) {
<Data question={data.question} answer={data.answer} />
});
return <div>{appComponent}</div>;
}
函数应用程序(){
const appComponent=AppData.map(函数(数据){
});
返回{appComponent};
}
回调中没有return语句,当前回调返回一个数组:[undefined]
:
function App() {
const appComponent = AppData.map(function (data) {
return <Data question={data.question} answer={data.answer} />;
});
return <div>{appComponent}</div>;
}
回调中没有return语句,当前回调返回一个数组:
[undefined]
:
function App() {
const appComponent = AppData.map(function (data) {
return <Data question={data.question} answer={data.answer} />;
});
return <div>{appComponent}</div>;
}
你不能坐后一辆车回来
function App() {
const appComponent = AppData.map(function (data) {
return <Data question={data.question} answer={data.answer} />
});
return <div>{appComponent}</div>;
函数应用程序(){
const appComponent=AppData.map(函数(数据){
返回
});
返回{appComponent};
您不能在后一个中返回
function App() {
const appComponent = AppData.map(function (data) {
return <Data question={data.question} answer={data.answer} />
});
return <div>{appComponent}</div>;
函数应用程序(){
const appComponent=AppData.map(函数(数据){
返回
});
返回{appComponent};
这里的技巧是箭头函数隐式返回其包含语句的值(除非它们用{}
大括号包装)
以下是三种返回值的方法:
()=>“已返回”;
()=>{return'returned';};
函数(){return'returned';};
这里的技巧是箭头函数隐式返回其包含语句的值(除非它们用{}
大括号包装)
以下是三种返回值的方法:
()=>“已返回”;
()=>{return'returned';};
函数(){return'returned';};
以单个like编写的箭头符号将自动返回,但在正常函数中,必须显式包含代码中缺少的return
语句。以单个like编写的箭头符号将自动返回,但在正常函数中,必须显式包含return
语句,代码中缺少该语句。非常感谢!非常感谢!