react 给所有组件加 key

Question

我想要给每个组件的 props 里都加上一个值
但是并不能借助于 HOC

比如这样：

class App extends React.Component {
  render () {
    console.log(this.props.path) //App
    return <Child />
  }
}

class Child extends React.Component {
  render () {
    console.log(this.props.path) //App/Child
    return 'hello world'
  }
}

有办法吗，比如 React.Children.map 这类 API 可以做吗

Answer 1

React Context API ?!
如果你在Root Component传递Props并且希望Children接收到的话可以试试看

Answer 2

React.cloneElement()