反应的编辑功能答案

【问题标题】：Editing feature for react反应的编辑功能
【发布时间】：2019-05-08 23:29:27
【问题描述】：

我现在正在使用 react 实现编辑功能。问题是我还没有找到好的解决方案。我想做一个像下面这样的视图。标题和描述文本区域都已使用默认文本编写。此文本不是占位符。如果用户单击按钮，用户可以编辑文本。

我尝试了以下两个包，但它并不适合我的目的。

TextareaAutosize 有一个 value 属性。但如果我使用它，我将无法编辑其中的文本。而且 defaultValue 似乎不起作用。你知道如何将默认文本值放入 TextareaAutosize 组件吗？

2.AvInput

import { AvForm, AvField, AvGroup, AvInput, AvRadioGroup, AvRadio } from 'availity-reactstrap-validation';

我认为这是另一个很好的解决方案，但提交按钮似乎没有自定义。我应该将编辑按钮放在视图的右上角。但是如果我使用这个包，提交按钮放在底部，似乎应该使用标签。

你知道如何将我自己的提交按钮与 AvInput 连接起来吗？该按钮位于其他标签中，而不是其 .

 <FormGroup>
    <Button>Submit</Button>
 </FormGroup>

【问题讨论】：

【解决方案1】：

我参考了以下答案并更改了用户体验。

用于创建控件的元素通常出现在 FORM 元素内，但在用于构建用户界面时也可能出现在 FORM 元素声明之外。这将在关于内在事件的部分中讨论。请注意，表单外的控件不能是成功的控件。

提交按钮似乎包含在表单标签中。

【讨论】：