将带有回调的结构从React Native传递到本机视图

Question

是否有一种方法可以将包含回调函数的复杂结构从React本机到本机iOS视图作为属性？例如。这样的结构：

[
  {
    'type': 'some type',
    'callback': this.someCallback
  },
  {
    'type': 'another type',
    'callback': this.anotherCallback
  }
]

对于这种结构，回调的传递就像空词典一样。

Answer 1

函数是不可序列化的，因此不能通过反应本机桥传递。

本机UI组件可以具有事件属性，该属性本质上是一个可以在本机侧调用的块，并将作为代表JS组件的回调道具接收。

例如：

//native property
@property (nonatomic, copy) RCTBubblingEventBlock onSomeEvent;
//native usage
if(self.onSomeEvent) {
    self.onSomeEvent(@{@"myParam": @"param_value"});
}
//JS side
<MyView onSomeEvent={params => console.log('got params', params)}/>