按钮怎么不显示啊

[NarutoOptimus]

import { Component } from 'react'
import { View } from '@tarojs/components'
import { Button, Dialog } from '@nutui/nutui-react-taro'
import '@nutui/nutui-react-taro/dist/style.css'
import './index.scss'

interface Props {
item: string;
init: (refresh: boolean) => void;
}

class Index extends Component<Props, { visible: boolean }> {
constructor(props: Props) {
super(props);
this.state = { visible: false };
}

render() {
return (

1111 3333 444

    {/* 添加基础样式确保按钮可见 */}
    <Button 
      type="primary"
      style={{ marginTop: '20px' }}
      onClick={() => this.setState({ visible: true })}
    >
      点击打开弹窗
    </Button>
    
    <Dialog
      title="提示"
      visible={this.state.visible}
      onConfirm={() => this.setState({ visible: false })}
      onCancel={() => this.setState({ visible: false })}
    >
       这是一个弹窗
    </Dialog>
    <View>
    <Button 
     openType="share"
      type="primary"
      style={{ marginTop: '20px' }}
      onClick={() => this.setState({ visible: true })}
    >
      点击打开弹窗
    </Button>
    </View>
  </View>
  
)

}
}

export default Index

[gitboyzcf]

看看是不是有报错