小编Jon*_*ens的帖子

[React Final Form] 是否适用于 Material-UI 3.x?

我想将Material-UI 中的 TextField与react-final-form ( https://github.com/final-form/react-final-form ) 一起使用。

主要问题是“如何获取values对象?”

我无法从 TextField 获取它。

结果是:

在此处输入图片说明

我已经尝试过不同的例子,但没有任何效果。

我的代码:

import React from 'react';
import TextField from '@material-ui/core/TextField';
import Button from '@material-ui/core/Button';
import Card from '@material-ui/core/Card';
import './loginForm.css';
import { Form, Field } from 'react-final-form';

const handleSubmit = (event, values) => {
  console.log('onsubmit event target ', event.target);
  event.preventDefault();
  console.log('onSubmit values: ', values);
};

const onChange = (event) => {
  console.log('on changed: ', event.target.value);
};

const LoginForm = () => (
  <Card …
Run Code Online (Sandbox Code Playgroud)

reactjs material-ui react-final-form

6
推荐指数
2
解决办法
3423
查看次数

标签 统计

material-ui ×1

react-final-form ×1

reactjs ×1