Question

我已经读过how to dynamically map initialValues in redux form，但是我需要在类组件内的辅助函数中进行一些数据转换。我在辅助函数中执行此操作，因为首先需要从this.props.match.params中收集一些参数。这些参数有助于获取要以redux格式编辑的正确数据。提前致谢。感谢您的帮助！

function mapStateToProps(state){    
// First I tried to do the transformations here 
// but I have no access to this.props.match.params

return {       
    data: state.data,
    initialValues: {a: 'foo', b: 'faa'}  //<== I believe I should insert initialValues here        
}

}

这是代码的一部分，在创建表单之前，我在其中收集了必要的数据：

class Edit extends Component {
constructor(props){
    super(props)

    const path = this.props.match.params

    this.state = {
        file: path.file,
        tree: path.tree,
        branch: path.branch,
        node: path.node,
        row: path.row
    }
}
componentWillMount(){
    const {file} = this.state
    if(!(file in this.props.data)){
        this.props.getPageData('settings')            
    }else{
        console.log('we have data')
    }     
}
doTransformations(){


    let myData,dataToEdit
    const {file,tree,branch,node} = this.state        
    myData = this.props.data[file]
    if(myData){

        // Data transformations
        // Basically we want to create a nice object from the messy data coming from an XML FILE :-/
         let dataToEdit = myData[file][tree][branch][node]
         const arr = Object.entries(dataToEdit)
         const myObj = {}
         arr.map((i,x)=>{
            myObj[i[0]] = i[1]._text
         })

         /// Somehow assign myObj to initialValues
    }
}

Answer 1

如果您需要从mapStateToProps中的组件访问道具，则可以使用ownProps。

我能够这样：

function mapStateToProps(state,ownProps){  

// Do the necessary transformations 

const myData = state.data.settings
let dataToEdit, myObj = {}
if(myData){
    // Get params
    const {file,tree,branch,node} = ownProps.match.params
    // Build path to data        
    dataToEdit = myData[file][tree][branch][node]
    const arr = Object.entries(dataToEdit)       
    // We want to create a nice object from the messy data coming from an XML FILE :-/
    arr.map((i)=>{
        myObj[i[0]] = i[1]._text
    })        
}
// console.log(myObj)
return{       
    data: state.data,
    initialValues: myObj
}

}

是否可以在Redux Form的辅助函数中分配initialValues？

1 个答案: