Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/369.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 映射函数不使用';不能在反应组件中工作_Javascript_Reactjs_Es6 Map - Fatal编程技术网

Javascript 映射函数不使用';不能在反应组件中工作

Javascript 映射函数不使用';不能在反应组件中工作,javascript,reactjs,es6-map,Javascript,Reactjs,Es6 Map,我目前正在学习ReactJS,我无法发现我的代码有什么问题。所以,我在里面有一个函数和map()方法。我用两种方式编写了它(箭头和普通),但普通函数似乎不起作用(页面重新加载为空,但没有显示错误或代码突出显示)。只是澄清一下,我不会同时运行这些函数——在测试另一个函数时,一个函数被注释掉,然后我切换它。此外,箭头功能也可以正常工作 你能检查一下我的代码和建议吗?这里有什么问题吗 //Arrow函数的工作原理 function App() { const appComponent = AppDat

我目前正在学习ReactJS,我无法发现我的代码有什么问题。所以,我在里面有一个函数和map()方法。我用两种方式编写了它(箭头和普通),但普通函数似乎不起作用(页面重新加载为空,但没有显示错误或代码突出显示)。只是澄清一下,我不会同时运行这些函数——在测试另一个函数时,一个函数被注释掉,然后我切换它。此外,箭头功能也可以正常工作

你能检查一下我的代码和建议吗?这里有什么问题吗

//Arrow函数的工作原理

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
语句,代码中缺少该语句。非常感谢!非常感谢!