반응 implict 반 onClick

0

질문

그래서 나는 이것을 보고에 codebase 최근에 있습니다. 암시적 반환에서 onClick

<Button onClick={() => history.push('/urlTing') }>
   Ting
</Button>

이것이 큰 아? 나 그것은 더 나은? 모든 입력을 여기에서 평가될 것입니다. 모두 표시하여 원하는 동작입니다.

분명히 여기는 것처럼 보이지 않는 암시적 반환합니다.

<Button onClick={() => {
   history.push('/urlTing'); 
}}>
   Ting
</Button>

ecmascript-6 javascript reactjs
2021-11-23 15:57:42
3

최고의 응답

1

하지 않습니다. 원하지 않는 경우에 암시적 반환을 유지하면서 하나의 온라인 형식으로 사용 void 키워드:

<Button onClick={() => void history.push('/urlTing') }>
   Ting
</Button>
2021-11-23 17:27:54

이 사실인가요???
peter flanagan

1

아무 잘못이 없는 암시적 반환합니다. 이 onClick 이벤트 처리기의 반환 값이 사용되지 않습으로 반응한다. 당 문서 https://reactjs.org/docs/handling-events.html

또 다른 차이점은 반환할 수 없습니다 false 을 방지하는 기본적인 동작은 반응합니다. 를 호출해야 합니다 preventDefault 명시적으로 합니다.

따라서,그것은 중요하지 않습니다 무엇의 처리기를 반환 또는 반환하는 경우 사용할 수도 있다.

2021-11-23 16:01:20
1

을 만드는 콜백에 각 렌더 내부에 태그에는 것이 가장 좋습니다. 다시 질문:주요한 차이점으로,당신이 언급한 사이 반환 값. 내가 의심 onClick API 에서 반응이 변경됩니다. 그러면 미래에 있을 것이 어떤 종류의 반환 값이 예상되는 어디에 얻을 수 있습니다 자신을 몇 가지 문제 당신이 할 경우 반 무언가이다.

엄지 손가락의 규칙:하지 않은 경우 요청하는 돌아가 그렇게 하지 않습니다.

2021-11-23 16:05:00

나는 감사하는 지 그것의 좋은 아이디어는 인라인 이에서 렌더링합니다.
Daniel Beck

다른 언어로

이 페이지는 다른 언어로되어 있습니다

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................