Reactjs 为什么React router中的组件没有接收到我的道具

Header.js

import React, {Component} from "react";
import { BrowserRouter as Router, Route, Link, Switch, withRouter, browserHistory, IndexRoute } from "react-router-dom";
...
<Router>
  <Switch>
    <Route path="/PSli" render={(props) => <PSli text="Hello, " {...props} />} />
  </Switch>
</Router>

import React，{Component}来自“React”；
从“react Router dom”导入{BrowserRouter as Router、Route、Link、Switch、withRouter、browserHistory、IndexRoute}；
...
} />

PSli.js

import React, {Component} from "react"

class PSli extends Component {
  constructor(props) {
    super(props)
    this.state = {
      loading: true,
      timer: true,
      numOfSlides: 4,
      whichSlideActive: 0,
      slideData: {}
    }
  }
  componentDidMount() {
    console.log("mounted" + this.props.text)
    this.setState({
      loading: false
    })
  }

  render() {
    return (
      <div>
      </div>
    )
  }
}

export default PSli

import React，{Component}来自“React”
类PSli扩展组件{
建造师（道具）{
超级（道具）
此.state={
加载：对，
计时器：是的，
数字:4,，
其中：0，
幻灯片数据：{}
}
}
componentDidMount（）{
console.log（“mounted”+this.props.text）
这是我的国家({
加载：错误
})
}
render（）{
返回(
)
}
}
导出默认PSli

---

为什么道具没有从

标题

发送到

PSli

应该是

this.props.text

？抱歉，这是个打字错误。我修好了。你试过记录这个。道具吗？此外，您是否将

PSLi

封装在一个可能覆盖

text

道具的HOC中？您是否正确地点击了路线？它真的呈现了这个组件吗？您是否尝试将道具名称更改为特别可笑的名称，以确保其不会被覆盖？是否还有其他东西正在呈现此组件？@JohnRuddell是的，我正在点击，因为

呈现

正在生成内容。该组件仅由路由中的链接调用。是否应该是

this.props.text

？抱歉，这是一个打字错误。我修好了。你试过记录这个。道具吗？此外，您是否将

PSLi

封装在一个可能覆盖

text

道具的HOC中？您是否正确地点击了路线？它真的呈现了这个组件吗？您是否尝试将道具名称更改为特别可笑的名称，以确保其不会被覆盖？是否还有其他东西正在呈现此组件？@JohnRuddell是的，我正在点击，因为

呈现

正在生成内容。该组件仅由路由中的链接调用。