JSX에서 빈 문자열 확인

React/JSX에서 사용자 입력 문자열이 비어 있는지 확인하는 방법이 있습니까?JSX에서 빈 문자열 확인

Component.js

{((this.props.description.name ==" ")||(this.props.description.name.length==""))?

이 조건이 작동 할 때 사용자가 아무것도 입력 또는 1 개 공간 긴하지만, 빈 문자열이 1 개 이상의 공간이있는 경우 그것이 실패 빈 문자열. 이것을 확인하기위한 JSX의 트릭이 있습니까, 아니면 이것을 감속기에서 처리해야합니까?

문자열을 자르고 길이가 0인지 확인하십시오. –

당신은 트리밍 된 문자열을 확인할 수 있습니다. 데모는 CodePen입니다.

2016-09-22 03:42:03 Li357

둘 다 확인하는 이유는 무엇입니까? –

@EvanTrimboli가'trim()'을 완전히 잊어 버렸고, – Li357

'this.props.description.trim() .name'을 편집 했습니까? 'name == " –

텍스트를 쉽게 자르고 빈 문자열과 비교할 수 있습니다. 시도해 보겠습니다. 시도해보십시오. 어떻게 작동하는지보십시오.

{((this.props.description.name.trim() =="") || (this.props.description.name.trim().length==0))

Reducer에 대해 생각해 보셨습니까? Redux를 사용하고 있습니까? Redux를 사용하여 양식 데이터를 처리하는 경우 Redux 양식 (https://github.com/erikras/redux-form)을 사용하여 시간을 절약 할 수 있습니다. 확인 후

{this.props.description.name.trim() == ""}

이것은 (공백과 줄 바꿈을 제거) 문자열을 트림하고 빈 문자열 인 경우입니다 :

2016-09-22 03:38:23

길이 속성이 문자열과 같은 경우는 언제입니까? – Li357

'trim()'이 (가)'''와 항상 같은 이유는 무엇입니까? –

고마워, 나는 내 대답을 수정했다. –

답변