小编por*_*ume的帖子

React.js Material-ui:如何将文本字段格式化为金额

我有一个material-ui Textfield,它是金额字段

我想对其进行格式化,以便在键入时,文本字段具有千位分隔符和小数点。还有额外的好处,如果输入位于右侧(就像计算器一样)

例如,用户输入 1000000 文本字段应显示 1,000,000.00

参见下面的代码:

<TextField
                        variant="outlined"
                        margin="normal"
                        required
                        fullWidth
                        type="text"
                        id="debitAmount"
                        label="Amount"
                        value={debitAmount}
                        onChange={(e) => setDebitAmount(e.target.value)}
                        InputProps={{
                          classes: { input: classes.textfield1 },
                        }}
                      />
Run Code Online (Sandbox Code Playgroud)

我正在尝试使用一个名为的库react-number-format,但由于文档缺少示例,我很难将其应用到我的文本字段中

我也尝试使用toLocaleString("en")哪个是有效的,但是文本字段最多只能显示 4 个数字,我不知道为什么

reactjs material-ui

10
推荐指数
2
解决办法
3万
查看次数

React.js:尽管 http 响应 400,但仍收到错误消息

我有一个场景,如果我在数据库中保存重复记录,模式应该显示确切的错误消息

使用 axios 的 POST 请求:

    saveBankMaintenance(optionsBrstn){
        return axios.post(`${API_URL_SAVE_BANK_MAINTENANCE}`, 
            [optionsBrstn]
    )
Run Code Online (Sandbox Code Playgroud)

我使用以下方式调用此 POST 请求:

const saveBrstn = useCallback(() => {
    ClientMaintenanceService.saveBankMaintenance(optionsBrstn)
    .then((response) => {
      if(response.data.success === "Success"){
        setShowBrstnSaveSuccessModal(true);
        setShowBrstnSaveFailedModal(false);
      }
    }).catch((err) => {
        setShowBrstnSaveSuccessModal(false);
        setShowBrstnSaveFailedModal(true);
    })
  });
Run Code Online (Sandbox Code Playgroud)

保存成功就OK了

但是,当它失败时,它会直接进入catch块,我无法在状态上设置错误消息

有没有办法让我获得 json 响应(包含错误消息)以及 http 状态响应 400?

TIA

post reactjs

5
推荐指数
1
解决办法
9988
查看次数

我如何在Spring RedirectView中添加对象

我是Spring的新手,我想知道如何在RedirectView中添加AddOject,就像在ModelAndView中一样,我可以添加可以在视图中使用的对象.

 mnv = new ModelAndView( FORM_URL );
        mnv.addObject( "wpassbook", passbook );
        return mnv;


RedirectView redirectView = new RedirectView( "/credit" + FORM_URL );
        return new ModelAndView( redirectView );
Run Code Online (Sandbox Code Playgroud)

无论如何,这是整个方法:

    /**
 * Accepts POST request for this resource url.
 * 
 * @param formBean bean containing values entered by the user
 * @param bindingResult contains validation failure messages if form bean is invalid
 * @param request instance of HttpServletRequest created by the container
 * @return the presentation layer & model object with errors …
Run Code Online (Sandbox Code Playgroud)

spring modelandview

3
推荐指数
1
解决办法
6817
查看次数

React.js:Onblur 事件会在每次按键时触发

我有一个onBlur事件应该在调用时触发 API

但是,我的问题是onBlur每次按键都会触发该事件

我期望onBlur仅当用户更改字段或失去对该字段的焦点时才会触发

const handleOnBlur = useCallback(() => {
    console.log("ChangePasswordPage - handleOnBlur oldPassword >>> ", oldPassword)
    PasswordService.validateOldPassword(oldPassword)
  });

return (
<input type="text" id="oldPassword" name="oldPassword" className="form-control" 
                value={oldPassword} maxLength="20" 
                onChange={e => setOldPassword(e.target.value)}
                onBlur={ handleOnBlur() }    
            />
)
Run Code Online (Sandbox Code Playgroud)

另外,如果我触发挂机事件有什么区别useEffect?似乎useEffect也像 onkeypress 或每次特定状态改变时一样工作

TIA

reactjs

2
推荐指数
1
解决办法
2519
查看次数

标签 统计

reactjs ×3

material-ui ×1

modelandview ×1

post ×1

spring ×1