【问题标题】:Can't send data to firebase, React, ES6, Redux无法将数据发送到 firebase、React、ES6、Redux
【发布时间】:2018-08-03 20:31:35
【问题描述】:

所以出了点问题,我想不通,就像以前的一些情况一样:

有初始化和动作,动作创建者:

...config

firebase.initializeApp(config);
export const firebase_db = firebase.database().ref();
export const POST_DATA = 'POST_DATA';
export function PostData(post) {
    return dispatch => firebase_db.push(post);

减速器:

export default function(state={}, action) {
    switch (action.type) {
        case POST_DATA:
            return {...state, ...action.payload}
    };
    return state;

和形式,状态:

class NewInput extends Component {
    constructor(props) {
        super(props);
        this.state = {
                        adress: [], 
                        owner: [], 
                        city: [], 
                        floor: [], 
                        year: [], 
                        description: [],
                        data: []
        };
    }

    onSubmit(values) {
        this.props.PostData(this.state.data);
    }

    handleChange(event) {
        this.setState({[event.target.name]: [event.target.value]});
        this.state.data = [...this.state.adress, ...this.state.owner, ...this.state.city, ...this.state.floor, ...this.state.year, ...this.state.description]

没有任何错误,当控制台记录 this.state.data 时,有预期的数据...有人可以帮忙吗?

【问题讨论】:

  • 你为什么要分配给this.state.data
  • 我想从一个数组中的所有输入字段发送数据,也许建议?
  • 数组看起来像这样["Adress", "Owner", "City", "1", "1", "Descriptio"],这就是它的外观,但它不会向firebase发送任何东西......而且,总是缺少最后一次键盘按键,所以不是描述,有描述,任何人对此有所了解?

标签: reactjs firebase firebase-realtime-database ecmascript-6 redux


【解决方案1】:

发现问题,是redux表单的onSubmit问题,写的很老套……

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-11-07
    • 2022-01-21
    • 2021-09-30
    • 2017-01-13
    • 2017-08-06
    相关资源
    最近更新 更多