admin管理员组

文章数量:1026620

this.state.hiring.map(h => (
  <FormApp
    condType={h.type}
    condRef={h.ref}
    label={h.name}
    labelName={h.name}
    name={h.id}
    id={h.name}
    validations={h.required == true ? [this.required] : null}
    dataList={this.state[h.ref]}
    onChange={this.onChangeInput}
  />
));

I want to if (h.requered == true) { return [this.required] } else { null }

I have problem

react js : TypeError: object null is not iterable (cannot read property Symbol(Symbol.iterator)) 

this.state.hiring.map(h => (
  <FormApp
    condType={h.type}
    condRef={h.ref}
    label={h.name}
    labelName={h.name}
    name={h.id}
    id={h.name}
    validations={h.required == true ? [this.required] : null}
    dataList={this.state[h.ref]}
    onChange={this.onChangeInput}
  />
));

I want to if (h.requered == true) { return [this.required] } else { null }

I have problem

react js : TypeError: object null is not iterable (cannot read property Symbol(Symbol.iterator))

  • javascript
  • reactjs
Share Improve this question edited Mar 14, 2019 at 23:02 Hemant Parashar 3,7842 gold badges17 silver badges23 bronze badges asked Mar 14, 2019 at 21:02 Said MounaimSaid Mounaim 11 gold badge1 silver badge2 bronze badges 3
  • 1 It looks like validations expects to be passed an array, not null. So maybe pass an empty array instead of null? – Felix Kling Commented Mar 14, 2019 at 21:04
  • 1 This.state.hiring is null, you can set the initial state of hiring to an empty array instead. – vitomadio Commented Mar 14, 2019 at 21:16
  • What is this.state.hiring? Could you update the code? I bet you're getting error from this line, not validations, because it's the only iterating part in your snippet – flppv Commented Mar 15, 2019 at 1:12
Add a ment  | 

1 Answer 1

Reset to default 1

Maybe you can modify your code like this:

const { hiring } = this.state;
hiring instanceof Array && hiring.map(h => { // ==> Validate hiring before use it.
        if (h.requered == true) {
            return (
                <FormApp
                    condType={h.type}
                    condRef={h.ref}
                    label={h.name}
                    labelName={h.name}
                    name={h.id}
                    id={h.name}
                    validations={h.required == true ? [this.required] : null}
                    dataList={this.state[h.ref]}
                    onChange={this.onChangeInput}
                />
            );
        } else {
            return null;
        }
    });

this.state.hiring.map(h => (
  <FormApp
    condType={h.type}
    condRef={h.ref}
    label={h.name}
    labelName={h.name}
    name={h.id}
    id={h.name}
    validations={h.required == true ? [this.required] : null}
    dataList={this.state[h.ref]}
    onChange={this.onChangeInput}
  />
));

I want to if (h.requered == true) { return [this.required] } else { null }

I have problem

react js : TypeError: object null is not iterable (cannot read property Symbol(Symbol.iterator)) 

this.state.hiring.map(h => (
  <FormApp
    condType={h.type}
    condRef={h.ref}
    label={h.name}
    labelName={h.name}
    name={h.id}
    id={h.name}
    validations={h.required == true ? [this.required] : null}
    dataList={this.state[h.ref]}
    onChange={this.onChangeInput}
  />
));

I want to if (h.requered == true) { return [this.required] } else { null }

I have problem

react js : TypeError: object null is not iterable (cannot read property Symbol(Symbol.iterator))

  • javascript
  • reactjs
Share Improve this question edited Mar 14, 2019 at 23:02 Hemant Parashar 3,7842 gold badges17 silver badges23 bronze badges asked Mar 14, 2019 at 21:02 Said MounaimSaid Mounaim 11 gold badge1 silver badge2 bronze badges 3
  • 1 It looks like validations expects to be passed an array, not null. So maybe pass an empty array instead of null? – Felix Kling Commented Mar 14, 2019 at 21:04
  • 1 This.state.hiring is null, you can set the initial state of hiring to an empty array instead. – vitomadio Commented Mar 14, 2019 at 21:16
  • What is this.state.hiring? Could you update the code? I bet you're getting error from this line, not validations, because it's the only iterating part in your snippet – flppv Commented Mar 15, 2019 at 1:12
Add a ment  | 

1 Answer 1

Reset to default 1

Maybe you can modify your code like this:

const { hiring } = this.state;
hiring instanceof Array && hiring.map(h => { // ==> Validate hiring before use it.
        if (h.requered == true) {
            return (
                <FormApp
                    condType={h.type}
                    condRef={h.ref}
                    label={h.name}
                    labelName={h.name}
                    name={h.id}
                    id={h.name}
                    validations={h.required == true ? [this.required] : null}
                    dataList={this.state[h.ref]}
                    onChange={this.onChangeInput}
                />
            );
        } else {
            return null;
        }
    });

本文标签：

版权声明：本文标题：javascript - react js : TypeError: object null is not iterable (cannot read property Symbol(Symbol.iterator)) - Stack Overflow 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://it.en369.cn/questions/1745649044a2161202.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。