发送prop，然后将其用作React中的函数？

Question

我正在尝试发送RouteKey道具，然后尝试在链接函数中使用道具。

这是我的组件：

<MenuItem RouterKey={'assetsList'} />

在组件定义中，我试图在动作函数中使用它，如下所示：

    import { Actions } from 'react-native-router-flux';
    const MenuItem = (props) => {
  return (
      <TouchableWithoutFeedback onPress={() => { return `${Actions}.${props.RouterKey}()`; }}>
        <View>
         //somethings here...
        </View>
      </TouchableWithoutFeedback>
  );
};

基本上我想做的是：

<TouchableWithoutFeedback onPress={() => { Actions.whateverWasPassed(); }}>

但是，我无法执行此操作。 我在这里想念什么？ 我知道我的做法是错误的。 正确的方法是什么？

Answer 1

您可以通过ClassName[methodName]()动态调用任何静态方法。 当方法名称为字符串时，它特别有用。 （就像您的情况一样）。

所以在你的情况下

<TouchableWithoutFeedback onPress={() => { return Actions[props.RouterKey]();}}>

您可以遵循的另一种方法是，可以直接将Actions.assetsList方法作为道具传递，并在MenuItem组件中调用它。

<MenuItem scene={Actions.assetsList} />

现在，在MenuItem组件中，您可以将该方法作为props.scene()调用。 两种方法都可以正常工作。

这是我对类似问题的回答的链接。