ReactJs + Redux : jQuery BlockUi처럼 blockUI를 쉽게 수행하는 방법?

Question

redux 상점에서는 비동기 상태 인 Thunk을 사용할 수 있습니다. fetching_data 및 render()을 사용하여 요소를 차단할 수 있습니다.

그러나 나는 그것이 할 많은 일을한다고 생각합니다. 많은 요소가있는 경우 blockUi.

는 가장 좋은 방법은 쉽게

$('#container-1').blockUi(); 
$('#container-1').unBlockUi(); 

    $('#container-2').blockUi(); 
    $('#container-2').blockUi(); 

Answer 1

당신은 차단하고 (https://availity.github.io/react-block-ui/components/reduxblockui/)

REDUX에 파견 행동에 따라 차단 해제에 대한 특정 구성 요소가 react-block-ui 같은 것을 사용할 수 있습니다처럼이 만들어 있습니까

반응 블록 -ui로 간단합니다. REQUEST_START 조치가 전달 될 때

<ReduxBlockUi block="REQUEST_START" unblock="REQUEST_SUCCESS"> 
    <p>The Thing I am Blocking</p> 
</ReduxBlockUi> 

지금 섹션은 차단 시작하고 REQUEST_SUCCESS가 전달 될 때, 그것은 중지됩니다. 이 활동 이름을 g 용중인 것으로 변경할 수 있습니다.

자세한 내용은 예제 및 설명서 (https://availity.github.io/react-block-ui/components/reduxblockui/)를 참조하십시오.