React JS表单读取数据来自JSON

时间:2018-01-26 21:00:39

标签: json reactjs

我是新来的反应js。我有一个表单,只有当用户名与json中提到的用户名匹配时才会登录。如果json中没有用户名,则会抛出错误。表单已由我创建。现在我很困惑如何从json读取数据。请帮忙。

1 个答案:

答案 0 :(得分:0)

如果我正确理解您的问题,您会看到一个用户登录信息列表,并且您希望使用表单进行验证。

这不是进行身份验证的最佳方式,用户登录信息不应该以纯文本格式存储,但是你可以这样做。

export const Users = [ {'username':'Verby', 'password':'password' }, {'username':'Finder', 'password':'password' }]

如果您已经存在JSON格式的数据,那么您可以使用上面的示例对象数组,以便您可以在您的react表单组件中导入它,并创建一个函数,按您收到的用户名过滤数据表格

Users.find(user => user.username == 'Verby)

然后,您可以获取匹配用户名的密码,并将其与您在表单中收到的内容进行比较。

Users.find(user => user.username == 'Verby).password会返回此类内容

password然后将密码与您收到的密码进行比较。

希望这有帮助。