React:Expected property name or ‘}‘ in JSON at position 1

代码:

import { Form, Input, Button } from 'antd'
export default function FormCom() {
  function onFinish(a, b, c, d) {
    console.log(a, b, c, d)
  }
  const describe = "{tip:'请输入用户名'}"
  return (
    <>
      <Form onFinish={onFinish}>
        <Form.Item
          name="username"
          label="Username"
          help={JSON.parse(describe)?.tip || ''}  // 报错位置
        >
          <Input />
        </Form.Item>
        <Form.Item>
          <Button type="primary" htmlType="submit">
            Submit
          </Button>
        </Form.Item>
      </Form>
      <div></div>
    </>
  )
}

出现这个error的原因是react不能将JSON.parse识别为普通的对象,可以采用两种方式解决这个error:
1、箭头函数的形式 ()=>JSON.parse(describe)?.tip || '' "

2、在渲染dom之间提前将describe字段转成普通的对象,再进行渲染。

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值