九尾猫公爵 2018-12-19 16:40
浏览 706

react中textarea怎么保存数据库数据并上传?

因为一些需求需要写一个网页的输入框,所以选择的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>
    );
  }
}

  • 写回答

0条回答 默认 最新

    报告相同问题?

    悬赏问题

    • ¥100 关于使用MATLAB中copularnd函数的问题
    • ¥20 在虚拟机的pycharm上
    • ¥15 jupyterthemes 设置完毕后没有效果
    • ¥15 matlab图像高斯低通滤波
    • ¥15 针对曲面部件的制孔路径规划,大家有什么思路吗
    • ¥15 钢筋实图交点识别,机器视觉代码
    • ¥15 如何在Linux系统中,但是在window系统上idea里面可以正常运行?(相关搜索:jar包)
    • ¥50 400g qsfp 光模块iphy方案
    • ¥15 两块ADC0804用proteus仿真时,出现异常
    • ¥15 关于风控系统,如何去选择