react-route不用redux怎么给组件传参呢？

Question

普通组件这样传参class Home extends Component {    constructor(props) {        super(props)    }    doSomething() {            }    render() {        return (            <div>                <Child onDoSomething={this.doSomething} />            </div>        );    }}如果组件被弄到路由里面了，那Home组件怎么把doSomething传递给Child调用呢？（redux我知道，想知道不用redux，怎么传递）class Home extends Component {    constructor(props) {        super(props)    }    doSomething() {    }    render() {        return (            <div>                <Route path="/child" component={Child} />            </div>        );    }}

Answer 1

可以在Route上边用render的方式加载子组件，这样就可以传递你的这些函数之类的了。

<Route render={props => ( 

      <Component onDoSomething={this.doSomething}/>

  )}/>

Answer 2

好的，解决了

class Home extends Component {

    constructor(props) {

        super(props)

    }

    doSomething() {

    }

    render() {

        return (

            <div>

                <Auth path='/user' component={User} onDoSomething={this.doSomething} />

            </div>

        );

    }

}

class Auth extends Component {

    constructor(props) {

        super(props)

    }

    render() {

        let { component: Part, ...rest } = this.props

        

        return (

            <div>

                <Route {...rest} render={(props) => {

                    // 这里的rest就把onDoSomething穿都给User组件了<Part {...rest} {...props} />

                    return (

                        true ? <Part {...rest} {...props} /> : <Redirect to={{pathname: '/login', state: {from: props.location }}} />

                    )

                }} />

            </div>

        );

    }

}