Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/445.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_Function - Fatal编程技术网

Javascript 带三元函数的胖箭头函数,使用圆括号代替大括号!!!为什么?

Javascript 带三元函数的胖箭头函数,使用圆括号代替大括号!!!为什么?,javascript,reactjs,function,Javascript,Reactjs,Function,这是行不通的 //常量应用=()=>{ // //我最喜欢的卡片; //{fav===“山”?:} // // } 当我使用括号代替 卷发背带…为什么 const-App=()=>( 我最喜欢的卡片; {fav===“山”?:} ); 导出默认应用程序; 箭头函数可以有表达式或函数体,如: const App = () => ( <> <h1> my fav card</h1>; {fav === "hill"

这是行不通的

//常量应用=()=>{
// 
//我最喜欢的卡片;
//{fav===“山”?:}
// 
// }
当我使用括号代替 卷发背带…为什么

const-App=()=>(
我最喜欢的卡片;
{fav===“山”?:}
);
导出默认应用程序;

箭头函数可以有表达式或函数体,如:

const App = () => (
  <>
    <h1> my fav card</h1>;
    {fav === "hill" ? <Hill /> : <Animal />}
  </>
);
export default App;

请注意,第二个需要使用
return
返回其返回值


如果使用return语句返回JSX,则带大括号的代码将正常工作。

箭头函数可以有表达式或函数体,如:

const App = () => (
  <>
    <h1> my fav card</h1>;
    {fav === "hill" ? <Hill /> : <Animal />}
  </>
);
export default App;

请注意,第二个需要使用
return
返回其返回值


如果使用return语句返回JSX,则带大括号的代码将起作用。

Arrow函数可以隐式返回fat箭头后面的值(在您的情况下,该值就是参数中的值)

如果使用括号,则需要使用“return”关键字显式返回值(如常规函数定义)

如果您想使用方括号(好处是如果您希望将来在return语句之外添加一些逻辑,而不需要稍后添加方括号),只需将当前代码用paren包装在方括号中,并在其前面放一个“return”。否则,使用箭头功能,因为你有它的工作非常好-你


请注意,三元数与此问题无关。

箭头函数可以隐式返回fat箭头后面的值(在您的例子中,该值是参数中的值)

如果使用括号,则需要使用“return”关键字显式返回值(如常规函数定义)

如果您想使用方括号(好处是如果您希望将来在return语句之外添加一些逻辑,而不需要稍后添加方括号),只需将当前代码用paren包装在方括号中,并在其前面放一个“return”。否则,使用箭头功能,因为你有它的工作非常好-你


请注意,三元数与此问题无关。

带大括号的箭头函数与普通函数一样需要
return
关键字。不带大括号的箭头函数计算单个表达式并返回结果。这与反应完全无关。这能回答你的问题吗?与普通函数一样,带大括号的箭头函数需要一个
return
关键字。不带大括号的箭头函数计算单个表达式并返回结果。这与反应完全无关。这能回答你的问题吗?constYourAnswer=()=>{返回“谢谢”};constYourAnswer=()=>{返回“谢谢”};
const App = () => (
  <>
    <h1> my fav card</h1>;
    {fav === "hill" ? <Hill /> : <Animal />}
  </>
);
export default App;
const five = () => 5;
const five = () => {
    return 5;
}