//客戶端index.jsimport React from 'react';import ReactDOM from 'react-dom';import './index.css';import App from './App';import { BrowserRouter as Router, Route, Switch } from 'react-router-dom'import registerServiceWorker from './registerServiceWorker';
ReactDOM.render(<div><Router><Route path='/supplies/:client_id' component={App}></Route></Router></div>, document.getElementById('root'));App.jsclass App extends Component {
state = {users: [], products:[]};
steps = ['紡紗','織布','后整','檢查入庫(kù)','發(fā)貨'];
componentDidMount() { console.log(this.props.params.client_id); //不對(duì)這里
fetch('/supplies/320001')
.then(res => res.json())
.then(products => this.setState({ products }));
}訪問(wèn)http://localhost:3000/supplies/320001http://localhost:3000/supplies/420001如何獲取320001 或 420001
1 回答
FFIVE
TA貢獻(xiàn)1797條經(jīng)驗(yàn) 獲得超6個(gè)贊
this.props.params.client_id你是在哪里定義的。 打印下this，看是不是當(dāng)前組件的實(shí)例 另外打印下 this.props.match.params
添加回答
舉報(bào)
0/150
提交
取消