简介
@beisen-platform/platform-prompt-page 是一个基于 React 的模态提示页面组件,该组件可以应用于企业级应用的操作反馈场景,配合后端接口数据,实现数据的增、删、改、查等功能。
安装
使用 npm 安装 @beisen-platform/platform-prompt-page 组件。
--- ------- ------------------------------------- ------
引入组件
在项目中,引入组件及样式。
------ ------------------ ---- --------------------------------------- ------ ------------------------------------------------------
使用组件
在通用页面中调用组件。
------ ------ - --------- - ---- ------- ------ ------------------ ---- --------------------------------------- ------ ------------------------------------------------------ ----- ----------- ------- --------- - -------- - ------ - ----- ------------------- -------------- ------------ ----------------- --------------- ---------------- ------------ -- - --------------------- ------------- -- - --------------------- -- ------ - - - ------ ------- -----------
API
visible
组件是否可见,Boolean 类型,默认为 false,即不可见状态。
title
组件的标题,String 类型,默认为空。
content
组件的主要内容,String 类型,默认为空。
cancelText
取消按钮的文本内容,String 类型,默认为 "取消"。
confirmText
确定按钮的文本内容,String 类型,默认为 "确定"。
onCancel
取消按钮操作的回调函数,Function 类型,默认为空函数。
onConfirm
确定按钮操作的回调函数,Function 类型,默认为空函数。
示例代码
------ ------ - --------- - ---- ------- ------ ------------------ ---- --------------------------------------- ------ ------------------------------------------------------ ----- ----------- ------- --------- - -------- - ------ - ----- ------------------- -------------- ------------ ----------------- --------------- ---------------- ------------ -- - --------------------- ------------- -- - ------------------- ---------------------------- - ------- ------- ----- ---------------- ---- ------- --- --------- --------------- ------------------ - -- -------------- -- ---------------- ---------- -- ------------------ -- -- ------ - - - ------ ------- -----------
结论
@beisen-platform/platform-prompt-page 是一个适用于企业级应用的模态提示页面组件,其具有易用、可定制等特点,同时使用教程较为简单,具有一定的学习和指导意义。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/5eedabfdb5cbfe1ea0610911