通过containerElement prop将NavLink传递给Material UI组件会出现"Failed prop type"警告

Question

<RaisedButton containerElement={NavLink} to="/somewhere">
   Somewhere
</RaisedButton>

产生以下警告:

Warning: Failed prop type: Invalid prop `containerElement` supplied to `RaisedButton`.
in RaisedButton (at App.js:11)
in App (at index.js:23)
in Provider (at index.js:22)
in MuiThemeProvider (at index.js:21)

但Navlink正确呈现并重定向到/somewhere点击.如果这是一个仍然有效的弃用道具,那么我无法找到新道具的名称......请指教.如果没有别的我想隐藏警告(如何？).

Answer 1

从Material UI 1.0开始,prop被称为component:

import { Link } from 'react-router-dom'
import Button from 'material-ui/Button';

<Button component={Link} to="/open-collective">
  Link
</Button>

更多关于按钮.

Answer 2

我认为您需要为其提供类似containerElement这样的标记（而不仅仅是元素的名称）

containerElement={<NavLink to="/home" />}

尝试一下，看看是否有效