javascript - react 文本区域值控制台警告

Question

我的代码工作正常，但节点警告此代码:

<div id="info">
        <p> User:<b> {show.firstName} {show.lastName} </b></p>
        <textarea value={show.description}> </textarea>
        <p> Adress:<b> {show.address.streetAddress} </b></p>
</div>

警告:

proxyConsole.js:56 Warning: Failed form propType: 
You provided a `value` prop to a form field without an `onChange` handler. 
This will render a read-only field. If the field should be mutable use `defaultValue`. 
Otherwise, set either `onChange` or `readOnly`. Check the render method of `Details`

如果我改变
<textarea value={show.description}> </textarea>

到

<textarea defaultValue={show.description}> </textarea>

或

<textarea> {show.description}</textarea>

我有错误

If you supply默认值 on a <textarea>, do not pass children

还好吗？或者可能是我做错了什么。我不需要 textarea 的处理程序

Answer 1

如果您不需要处理 value 的变化那么你可以忽略它，它只是一个警告而不是错误。
话虽如此，您为什么要为此目的使用文本区域？使用<label/>或负责只读文本的任何其他元素。请记住，从可访问性方面来看，您的方法并不理想，因为屏幕阅读器可能会感到困惑。

编辑
作为您评论的跟进:

But, why error with when use defaultValue

If you supply defaultValue on a <textarea>, do not pass children

你可以通过defaultValue但是你不能提供 child (就像在正常的 html 情况下)。
取自DOCS :

In HTML, a <textarea> element defines its text by its children
In React, a <textarea> uses a value attribute instead.