首先,我是React中的新成员。我有两个组件TagUtils
和Urls
。我试图将路由器参数从Urls
传递到TagUtils
。这里是我的代码:尝试在组件之间传递数据时未定义
Urls.jsx
// some codes....
export default class Urls extends React.Component {
render() {
return (
<div>
<TagUtils tag={this.props.params.tag_id}/>
</div>
)
}
}
TagUtils.jsx
export default class TagUtils extends React.Component {
deleteTag(props) {
console.log(props.tag);
}
render() {
return (
<div className="col-xs-6 col-md-4">
<button type="button" className="btn btn-danger" onClick={this.deleteTag}><i className="fa fa-trash"> Delete</i></button>
</div>
)
}
}
当我点击删除按钮,它只是显示undefined
。也许我失去了一些东西。
你可以在控制台中看到this.props.params.tag_id如果您登录了吗?您应该使用this.props.tag_id,并且您需要在某处设置tag_Id,我们是否可以看到该代码? – JordanHendrix
反应es6类文档:https://facebook.github.io/react/docs/reusable-components.html#es6-classes – JordanHendrix