如何在 React 中使用 RCTConvert

Question

我是反应新手，正在研究反应桥接模块。我只是想知道 RCTConvert 有什么用处以及如何使用它。我正在关注这个网站 链接

请任何人帮助我了解这些东西。

Answer 1

辅助RCTConvert函数都接受 JSON 值作为输入，并将其映射到本机 Objective-C 类型或类。将基本支持的输入参数类型（例如NSString、NSNumber、NSArray、 ）转换为 React 桥不支持的NSDictionary其他类型：NSURL、UIColor等非常有用。CGRect例如：

Java脚本：

Module.setPosition({x : 10, y: 20});

对象C：

RCT_EXPORT_METHOD(setPosition:(id)position) {
    CGPoint point = [RCTConvert CGPoint:position];
    NSLog(@"x: %f, y: %f", point.x, point.y);
}

// Prints: x: 10.000000, y: 20.000000

还可以RCTConvert使用RCT_CUSTOM_CONVERTER宏来扩展您的自定义类型：

Java脚本：

Module.addUser({name : 'John', email: 'joghn@domain.com'});

对象C：

typedef struct {
    NSString* name;
    NSString* email;
} User;

User createUser(NSString* name, NSString* email) {
    User user;
    user.name = name;
    user.email = email;
    return user;
};

@implementation RCTConvert (User)

RCT_CUSTOM_CONVERTER(User, User, createUser(json[@"name"], json[@"email"]) )

@end

...

RCT_EXPORT_METHOD(addUser:(id)user) {
    User new_user = [RCTConvert User:user];
    NSLog(@"name: %@, email: %@", new_user.name, new_user.email);
}

// Prints: name: John, email: joghn@domain.com

对于简单类型，例如NSString它会进行类型检查，并且如果您尝试转换为其他类型，则会出现转换错误，因此这在调试中非常重要。这是来自来源的代码：

RCTConvert.h

+ (NSString *)NSString:(id)json;

RCTConvert.m

/**
 * This macro is used for creating converter functions for directly
 * representable json values that require no conversion.
 */
#if RCT_DEBUG
#define RCT_JSON_CONVERTER(type)             \
  +(type *)type : (id)json                   \
  {                                          \
    if ([json isKindOfClass:[type class]]) { \
      return json;                           \
    } else if (json) {                       \
      RCTLogConvertError(json, @ #type);     \
    }                                        \
    return nil;                              \
  }
#else
#define RCT_JSON_CONVERTER(type) \
  +(type *)type : (id)json       \
  {                              \
    return json;                 \
  }
#endif

RCT_JSON_CONVERTER(NSArray)
RCT_JSON_CONVERTER(NSDictionary)
RCT_JSON_CONVERTER(NSString)
RCT_JSON_CONVERTER(NSNumber)

有关如何使用的更多示例，RCTConvert您可以查看来源：https://github.com/facebook/react-native/blob/master/React/Base/RCTConvert.m