Firebase react 和 material-ui 中未显示的值

Question

我有一个问题，我可以分派并将内容推送到 firebase，但 firebase 中没有数据，字符串为空。我想知道 material-ui 是否在这里引起了问题，或者我错过了什么？这也是代码。我一直试图弄清楚为什么这些值没有显示，并且想知道代码中的某个地方有错误，因为我相信它应该在技术上工作并且

empty values

// 动作

import firebase from 'firebase';
import { toast } from 'react-toastify';
import { 
    CREATE_USER,
    UPDATE_FORM
} from './ActionTypes';

export const formUpdate = ({ prop, value }) => {
    console.log("LOG", prop, value)
    return {
        type: UPDATE_FORM,
        payload: { prop, value }
    }
}

export const createProfile = ({ firstName, lastName, email, company, billingMethod }) => {
    // const { currentUser } = firebase.auth();

    return (dispatch) => {
        firebase.database().ref(`/profile`)
            .push({ firstName, lastName, email, company, billingMethod })
            .then(() => {
                dispatch({ type: CREATE_USER })
            })
            .then(() => {
                toast.info("User profile was created !", {
                    position: toast.POSITION.BOTTOM_CENTER,
                    autoClose: 1000
                  });
            })
    }
}

// 减速器

import {
    CREATE_USER,
    UPDATE_FORM
} from '../Actions/ActionTypes';


const INITIAL_STATE = {
    firstName: '',
    lastName: '',
    email: '',
    company: '',
    billingMethod: '',
}

export default (state = INITIAL_STATE, action: any) => {
    switch (action.type) {
        case UPDATE_FORM:
            return { ...state, [action.payload.prop]: action.payload.value }
        case CREATE_USER:
            return INITIAL_STATE
        default:
            return state
    }
}

Answer 1

在 pastebin.com/TepX1Tgv 中，当您定义 const getStepContent = (step, props) => {...} 时，它需要两个参数。

实现时只传递一个参数

<Typography className={classes.instructions}>{getStepContent(activeStep)}</Typography>

传递 props 参数，以便您的所有组件都可以接收它们的 props。