Question

一段本机代码：

import React, { Component } from 'react';
import { AppRegistry, Text, View } from 'react-native';

class Blink extends Component {
  constructor(props) {
    super(props);
    this.state = { isShowingText: true };

    // Toggle the state every second
    setInterval(() => (
      this.setState(previousState => (
        { isShowingText: !previousState.isShowingText }
      ))
    ), 1000);
  }

以下各行中“ :”是什么意思？

 isShowingText: true 
 isShowingText: !previousState.isShowingText

Answer 1

这是表示/分配JSON格式等值的方法

Answer 2

它与React无关，这只是Javascript。线

previousState => (
        { isShowingText: !previousState.isShowingText }
      )

等效于

function(previousState) {
    const v = !previousState.isShowingText;
    const obj = {
     "isShowingText": v,
    };
    return obj;
}

冒号是描述对象中键-值关系的常用方法。

Answer 3

实际上，与 JavaScript 使用大括号编写的对象相同。

对象属性以name:value对形式编写，并以逗号分隔。类似于以下内容：

 var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

有关更多信息，请检查以下链接：

https://www.w3schools.com/js/tryit.asp?filename=tryjs_datatypes_object

React-Native中的“：”是什么意思？

3 个答案: