Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/arrays/12.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 反应本机数组属性_Javascript_Arrays_Reactjs_React Native_React Props - Fatal编程技术网

Javascript 反应本机数组属性

Javascript 反应本机数组属性,javascript,arrays,reactjs,react-native,react-props,Javascript,Arrays,Reactjs,React Native,React Props,我有两个组件,一个是父组件(ManySpace),另一个是子组件(OtherComponent)OtherComponent为ManySpace道具呈现两个具有两个不同数组的ManySpace组件 我不使用const和let,因为在渲染范围之外使用了如下变量 onSubmitEditing1 = () => { if (secondinput) { this.secondref.focus(); } else if (thirdinput) { this.thirdref.

我有两个组件,一个是父组件(
ManySpace
),另一个是子组件(
OtherComponent
OtherComponent
ManySpace
道具呈现两个具有两个不同数组的
ManySpace
组件

我不使用const和let,因为在渲染范围之外使用了如下变量

onSubmitEditing1 = () => {
    if (secondinput) { this.secondref.focus(); }
    else if (thirdinput) { this.thirdref.focus(); }
    else { Keyboard.dismiss(); }
};

MANYSPACE1和MANYSPACE2渲染是完美的,但是混淆了第一个ManySpace和第二个ManySpace组件数组的内容,我如何解决这个问题,谢谢。 希望我能解释我的问题

import React, { Component } from 'react'; //and other imports
let MANYSPACE;
let icerik;
let firsttext;
let firstinput;
let answer1;
let answerlength1;
let secondtext;
let secondinput;
class ManySpace extends Component {
    render() {
        MANYSPACE = this.props.manyspace;
        icerik = MANYSPACE[0].icerik;
        firsttext = MANYSPACE[0].firsttext;
        firstinput = MANYSPACE[0].firstinput;
        if (firstinput) {
            answer1 = MANYSPACE[0].firstinput.answer1;
            answerlength1 = answer1.length;
        }

        secondtext = MANYSPACE[0].secondtext;
        secondinput = MANYSPACE[0].secondinput;
        if (secondinput) {
            answer2 = MANYSPACE[0].secondinput.answer2;
            answerlength2 = answer2.length;
        }
        return ()
    }
}
--我的另一部分

import React, { Component } from 'react'; //and other imports
const MANYSPACE1 = [
    {
        icerik: 'lorem ipsum',
        firsttext: 'lorem ipsum',
        firstinput: {
            answer1: 'lorem ipsum'
        },
        secondtext: 'lorem ipsum'
    }
];
const MANYSPACE2 = [
    {
        icerik:'lorem ipsum',
        firsttext: 'lorem ipsum',
        firstinput: {
            answer1: 'lorem ipsum'
        },
        secondtext: 'lorem ipsum',
        secondinput: {
            answer2: 'lorem ipsum'
        },
        thirdinput: {
            answer3: 'lorem ipsum'
        }
    }
];  
class OtherComponent extends Component {
    <ManySpace
        manyspace={MANYSPACE1}
    />
    <ManySpace
        manyspace={MANYSPACE2}
    />
}
import React,{Component}来自'React'//及其他进口货品
常数MANYSPACE1=[
{
icerik:“lorem ipsum”,
第一个文本:“lorem ipsum”,
第一输入:{
回答1:“同侧眼”
},
第二个文本:“lorem ipsum”
}
];
常数MANYSPACE2=[
{
icerik:“lorem ipsum”,
第一个文本:“lorem ipsum”,
第一输入:{
回答1:“同侧眼”
},
第二个文本:“lorem ipsum”,
第二输入:{
回答2:“同侧眼”
},
第三句:{
回答3:‘lorem ipsum’
}
}
];  
类OtherComponent扩展组件{
}

您到底想要什么?混淆第一个ManySpace和第二个ManySpace组件数组内容,例如MANYSPACE1 answer1=abc,MANYSPACE2 answer1=cba,两个ManySpace组件answer1输出是相同的非预期值