在函数中使用状态的正确语法是什么

Question

我正在尝试根据状态显示模态。我曾经在一个类中使用此代码，并且可以正常工作，但是当我使用函数时，出现错误“找不到变量状态”。在这种情况下，使用状态的正确语法是什么？为什么函数和类中的状态不同？感谢您的任何帮助。

export default function MacrosList(){

    state = {
        isModalVisible: false
    };

    toggleModal = () => {
        this.setState({ isModalVisible: !this.state.isModalVisible });
    };

    return(
    <BottomModal
       visible={this.state.isModalVisible}
       onTouchOutside={() => {
       this.setState({ isModalVisible: false });
    }}>

    <ModalContent>
       <Button> Add </Button>
       <Button> Subtract </Button>
    </ModalContent>
    </BottomModal>
    </View>
    )

}