Question

给出以下react-redux代码：

const someFn = something => {
    //...
}

为什么这里使用普通括号而不是大括号？

进一步说明我的问题：

正常功能：

const someFn = something => (
    //...
)

BRACE STYLE FUNCTION：

df = pd.read_excel('book1.xlsx',header=None, skip_blank_lines=False)

       0
0     17
1      0
2      0
3      0
4      0
5      T
6   0.13
7   0.33
8   0.02
9   0.04
10     T
11     0
12     0
13  0.57
14     0
15     0
16     T
17     0
18     0
19  0.07
20     0
21     0
22  0.11
23     0
24     0
25   NaN
26   NaN
27   NaN
28   NaN
29   NaN
30   NaN
31  1.27
32     7

此样式的代码是从这里复制的：https://github.com/reactjs/redux/blob/master/examples/todomvc/src/containers/App.js

Answer 1

<() => something，其中something不以{开头，返回something。

使用() => {，{被解释为函数体的开头，因此您必须明确return。为了解决这个问题，例如如果要返回对象，可以使用(：

() => ({ some object })

在其他情况下使用它是一致性的问题。

Answer 2

基本上{}在有函数体时使用，你需要根据函数中的计算返回一个特定的值。如果值大于10则添加1的函数的简单示例，否则减去1。

(value) => {
  if(value > 10){
    return value + 1; 
  }
  return value - 1;
}

另一方面，如果真的有一个简单的功能，如返回一个布尔值。你可以这样做：

(num) => (num > 100)

返回一个布尔值。简单干净。

在React / Redux中使用箭头函数内的括号有什么意义

2 个答案: