我可以使用material-ui FloatingActionButton作为我的redux-form的提交和重置按钮

时间:2016-11-22 11:43:53

标签: reactjs material-ui redux-form

我正在使用Material UI组件尝试一个简单的redux表单。按照他们页面上的示例,很容易将redux Field组件渲染为material-ui字段?

但是我想使用material-ui按钮作为表单的Submit和Reset按钮,而不仅仅是标准HTML。尽管进行了长时间的搜索并尝试了一些我无法解决的问题。

是否有可能使用material-ui按钮(例如FloatingActionButton)作为我的redux-form按钮?

2 个答案:

答案 0 :(得分:0)

jsFiddle:https://jsfiddle.net/h6kvv8j0/3/

只需应用“type”属性:

<form ...>
  <FloatingActionButton type="submit">...</FloatingActionButton>
  <FloatingActionButton type="reset">...</FloatingActionButton>
</form>

答案 1 :(得分:0)

上述答案仅适用于常规表单,而不适用于redux-form