不确定如何访问AppBar的Paper道具

时间:2017-08-27 11:22:09

标签: material-ui

我注意到材料用户界面的测试版(https://material-ui-1dab0.firebaseapp.com/api/app-bar/),您可以通过App Bar组件访问Paper属性。对我来说这是如何做到的并不明显,到目前为止,我的尝试已经缩短了。

有人可以分享工作示例或只是代码片段吗?这将是非常有帮助的!谢谢。

1 个答案:

答案 0 :(得分:1)

正如您在source中所看到的, AppBar 组件只是a glorified Paper

如果您查看props are treated的方式,您会注意到...other部分。这将提取所有未明确destructured的属性。这是一个ES功能尚未在规范中,但相当稳固,或多或少使用安全,它被称为Object rest/spread

然后使用那些 rest对象通过JSX Spread运算符{ ...other }将其他属性传递给 Paper 组件。

所以例如

<AppBar tabIndex={2} />

由于在AppBar来源的解构过程中未明确提取tabIndex,因此它将成为other的一部分,因此会“传递”到<Paper ... />