使用自动绑定class Tabs extends Component {
_changeTab (i) {
const { changeTab } = this.props
changeTab(i)
}
_renderTabContent (key) {
switch (key) {
case 'today':
return <Home />
case 'share':
return <Share />
case 'savequote':
return <SaveQuote />
case 'moremenu':
return <MoreMenu />
}
}
render () {
const tabs = this.props.tabs.tabs.map((tab, i) => {
return (
<TabBarIOS.Item key={tab.key}
icon={tab.icon}
selectedIcon={tab.selectedIcon}
title={tab.title}
onPress={() => this._changeTab(i)}
selected={this.props.tabs.index === i}>
{this._renderTabContent(tab.key)}
</TabBarIOS.Item>
)
})
return (
<TabBarIOS tintColor='black'>
{tabs}
</TabBarIOS>
)
}
}
export default Tabs
语法时，如何将params传递给react函数？
::如果我想在没有参数的函数中使用自动绑定<span onClick={this.handleClick.bind(this, 'hi')} />
，我可以按如下方式更改它：
::答案 0 :(得分：2)
如果你正在使用babel，你可以在.babelrc中添加stage-1：
{
"presets": ["es2015", "stage-1", "react"]
// the rest of your config
}
然后在您的组件中，您可以创建如下方法：
onUpload = () => { ... }
将自动绑定：D