因为一些需求需要写一个网页的输入框,所以选择的textarea,这时候需要从
数据库获得默认数据,但是没有value属性,用上虽然可以读取出来,但是不能编辑
,网上也没有类似的问题,html的倒是不少,可在下是个小白,看不懂(准确的说不是看不懂是不会转换理解(躺)),还有就是换行问题,上传就报错,正则表达式还没看懂 代码如下 求大佬指教,如果大佬可以详细一些,小弟感激不尽
import React, { Component,Fragment } from 'react';
import { connect } from 'dva';
import { Card, Table, Divider, Form, Input, Button, Modal, Icon, message, Select } from 'antd';
import { baseurl } from '../../common/config';
import PageHeaderLayout from '../../layouts/PageHeaderLayout';
const { TextArea } = Input;
const FormItem = Form.Item;
@connect(({ admin, loading }) => ({
admin,
loading: loading.effects['admin/teamLists'],
}))
@Form.create()
export default class Teams extends Component {
// 默认加载
componentDidMount() {
this.renderSimpleForm();
}
constructor(props) {
super(props);
this.state = {
dataSource: [],
maindata: [],
teamLists: [],
businessLists: [],
visible: false,
};
}
renderSimpleForm(pagination = '1', values = '') {
const { dispatch } = this.props;
const query = this.props.location.search;
dispatch({
type: 'robots/wordfgets',
callback: response => {
this.setState({
dataSource: response,
});
},
});
}
// wordfwriteClick = e =>{
// const { dispatch } = this.props;
// dispatch({
// type: 'robots/wordfwrite',
// callback: response => {
// if(response.status == "success"){
// message.success(response.msg);
// }else{
// message.success(response.msg);
// }
// },
// });
// }
render() {
const { getFieldDecorator } = this.props.form;
const { dataSource } = this.state;
console.log(dataSource);
const mainSearch = (
<div>
<TextArea size="large" value={dataSource} autosize={{ minRows: 10}}/>
</div>
);
const action = (
<Fragment>
<Button type="primary" onClick={this.wordfwriteClick} >更新</Button>
</Fragment>
);
return (
<PageHeaderLayout>
{mainSearch}
{action}
</PageHeaderLayout>
);
}
}