Reactjs 有没有办法在组件外部使用道具？

我需要向我的组件传递一个duck来搜索redux。我怎么能把这只鸭子当作“道具”

我的屏幕

import React from 'react'
const MyScreen: React.FC<IProps> = (props) => {

    return (
        <Component
            navigation={props.navigation}
            duck={MyDuck}
        />
    );
}

从“React”导入React
const MyScreen:React.FC=（道具）=>{
返回(
);
}

我的组件

import React from 'react'
    const MyComponent: React.FC<IProps> = (props) => {
    const {duck} = props;
    
        return (
            <View/>
        );
    }

function mapDispatchToProps(dispacth) {
    return {
        //I need to use the prop here in this place
        register: duck.mapDispatchToProps(dispacth),
    };
}

从“React”导入React
常量MyComponent:React.FC=（道具）=>{
const{duck}=道具；
返回(
);
}
功能图DispatchToprops（Dispatch）{
返回{
//我需要在这里使用道具
寄存器：duck.mapDispatchToProps（Dispatch），
};
}

在connect中，有一个可选的mergeProps回调作为第三个参数提供，它遵循以下格式

(stateProps, dispatchProps, ownProps) =>
    ({ ...stateProps, ...dispatchProps, ...ownProps })

stateProps-是mapToState回调中的所有道具 dispatchProps-是mapDispatchToProps回调中的所有道具吗 ownProps-是传递给组件的所有道具，如

您将能够在ownProps参数中访问所需的duck道具

---

参考-

您可以使用第二个参数访问道具，该参数是

ownProps

——传递给组件的道具

function mapDispatchToProps(dispatch, ownProps) {
  const duck = ownProps.duck;
...

或者只是

function mapDispatchToProps(dispatch, {duck}) {

但是你要问的问题并不能让这段代码正常工作。

duck

prop是一个组件

MyDuck

，它没有

mapDispatchToProps

属性。

mapDispatchToProps

是

connect

高阶组件的参数。它不是一种财产

我不明白你想在这里做什么，但你需要用不同的方式来处理