javascript - react-bootstrap 设置 FormControl 的值

标签 javascript reactjs react-bootstrap

当我尝试使用 React-Bootstrap 设置 FormControl 的值时,我在控制台中遇到错误。

invariant.js:44 Uncaught Error: Objects are not valid as a React child (found: [object HTMLTextAreaElement]). If you meant to render a collection of children, use an array instead or wrap the object using createFragment(object) from the React add-ons. Check the render method of `FormGroup`.

FormControl 没有获取值的方法,因此不确定如何完成此操作。这就是我尝试设置值的方式。

<FormGroup controlId="parameterDescription">
    <ControlLabel>Description</ControlLabel>
    <FormControl componentClass="textarea" placeholder="Description of parameter function" inputRef={(ref) => {this.state.description = ref}} readOnly={true}>
        {this.state.description}
    </FormControl>
</FormGroup>

最佳答案

这是对的:

<FormControl value={someText}/>

关于javascript - react-bootstrap 设置 FormControl 的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42533068/

相关文章:

reactjs - 在 GraphQL Mutate 函数中将 ID 作为正确的变量类型传递

javascript - React Firebase 时间戳用法

reactjs - 下拉按钮,来自 "react-bootstrap"的菜单项;

reactjs - React Bootstrap 中的列宽度

javascript - querySelector 是如何工作的?

javascript - 绕过 Chrome 的 CORB 功能

javascript - 无法在 Firefox 中使用 jQuery 脚本

reactjs - 如何触发一个组件的更改。来自另一个组件

reactjs - 使用 Props React 填充下拉选择

javascript - 如何将一个选择框设置为与另一个选择框相同?