鍍金池/ 問答/HTML5  HTML/ React 有一個傳參沒有打印出來,請問是為什么?

React 有一個傳參沒有打印出來,請問是為什么?

圖片描述
老司機你好,感謝您來幫助

● 問題1:請看這第4行,能打印出來。為什么第5行打出出來是undefind?
(在調(diào)試時還是顯示有數(shù)據(jù),這不是奇怪嗎?)
● 這個參數(shù)是不是Rreact-router 這個路由傳給它的?
▼下面是代碼的片段

import React from 'react'
import { BrowserRouter, Route, Link } from 'react-router-dom';
import './App.css';
import Home from './page01/Home.js'
import About from './page01/About.js'
import Topics from './page01/Topics.js'

const App = () => (
    <BrowserRouter  >
        <div>
            <nav>
                <ul>
                    <li><Link to="/">首頁</Link></li>
                    <li><Link to="/about">關(guān)于</Link></li>
                    <li><Link to="/topics">主題列表</Link></li>
                </ul>
            </nav>    
            <main>
                <Route exact path="/" component={Home}/>
                <Route path="/about" component={About}/>{*/?就這個組件/*}
                <Route path="/topics" component={Topics}/>
            </main>
        </div>
    </BrowserRouter>
)

export default App

-

import React from 'react';
//▼看就下面5行打出不來,4行可以打印出來
const About = ({ match }) => {
    console.log(match);
    console.log(arguments[0].match);
    return <h2>關(guān)于</h2>    
}
export default About
回答
編輯回答
敢試
箭頭函數(shù)表達式的語法比函數(shù)表達式更短,并且不綁定自己的this,arguments,super或 new.target。這些函數(shù)表達式最適合用于非方法函數(shù),并且它們不能用作構(gòu)造函數(shù)。

https://developer.mozilla.org...

不好意思沒看到第二個問題,參數(shù)是Route組件傳給他的

2017年7月9日 04:30
編輯回答
朕略萌

箭頭函數(shù)沒有arguments參數(shù),用 rest參數(shù)代替, (...arg)=>{}

2018年3月7日 23:45