Javascript 已使用包装,但未打开 import React,{PropTypes}来自'React'; 从“材料界面/对话框”导入对话框; 导出默认类SimpleModel扩展React.Component{ 建造师(道具){ 超级(道具) } HandlePrimary按钮=()=>{ this.props.router.push('/some/path'); } render(){ 返回( {this.props.msg} ) } }
我使用MaterialUI对话框组件创建了一个包装器,但无法打开它。在另一个组件中,我的渲染方法中包含以下内容:Javascript 已使用包装,但未打开 import React,{PropTypes}来自'React'; 从“材料界面/对话框”导入对话框; 导出默认类SimpleModel扩展React.Component{ 建造师(道具){ 超级(道具) } HandlePrimary按钮=()=>{ this.props.router.push('/some/path'); } render(){ 返回( {this.props.msg} ) } },javascript,reactjs,material-ui,Javascript,Reactjs,Material Ui,我使用MaterialUI对话框组件创建了一个包装器,但无法打开它。在另一个组件中,我的渲染方法中包含以下内容: 然后,我使用this.setState({openSimpleModal:true}) 我没有看到模态打开。我上面的代码有什么遗漏吗?我设法直接使用材质ui的对话框组件,但不使用包装器 注意:chrome控制台中没有任何错误。旧线程,但我在使用包装器时遇到了相同的问题。不得不回拨给家长,这不太好 material ui next中的对话框组件不再存在此问题。检查webtool开发工
然后,我使用this.setState({openSimpleModal:true})
我没有看到模态打开。我上面的代码有什么遗漏吗?我设法直接使用材质ui的对话框
组件,但不使用包装器
注意:chrome控制台中没有任何错误。旧线程,但我在使用包装器时遇到了相同的问题。不得不回拨给家长,这不太好
material ui next中的对话框组件不再存在此问题。检查webtool开发工具包中的Javascript控制台;)(F12)@Alex没有错误,抱歉忘了提及。
import React, { PropTypes } from 'react';
import Dialog from 'material-ui/Dialog';
export default class simpleModal extends React.Component {
constructor(props){
super(props)
}
handlePrimaryButton = () => {
this.props.router.push('/some/path');
}
render(){
return(
<Dialog
actions={<RaisedButton
label="OK"
primary={true}
onTouchTap={this.handlePrimaryButton}
/>}
modal={false}
open={this.props.open}
>
{this.props.msg}
</Dialog>
)
}
}