使用 ES6 反应原生文档示例

Question

以下代码来自 React Native Docs。 如您所见，有两个带有粗箭头的 function declerations。 我理解在包含.... previousState => ({等的行中使用普通括号。这里需要使用 ()，因为它返回 object 文字。但是，我不明白为什么我们使用“(”使用setInterval的回调 function 。我的意思是这一行： setInterval(() => (... 。为什么我们不像setInterval(() => {.....

 class Blink extends Component { componentDidMount() { //HEART OF THE QUESTION. Why do we use "(" below, instead "{". Do we need to return for setInterval or just define a function to run? setInterval(() => ( //Here, "(" is normal because it returns object literal this.setState(previousState => ({ isShowingText: .previousState,isShowingText })) ); 1000). } //.... }

Answer 1

setInterval 不需要返回。 这两个都可以正常工作：

setInterval(() =>
    this.setState(previousState => ({
        counter: previousState.counter + 1 || 1
    })),
1000);

还有这个（在我看来，没有括号就不漂亮了）：

setInterval(() => {
    this.setState(previousState => ({
        counter: previousState.counter + 1 || 1
    }));
}, 1000);

通常多行返回需要括号，这里有一个很好的解释： http://jamesknelson.com/javascript-return-parenthesis/