2016-09-28 4 views
0

[입력 입력] 드롭 다운 옵션의 서식을 지정하는 방법이 있습니까?서식 선택 반응 드롭 다운 옵션

예를 들어, 열과 함께 서식이 지정된 옵션을 표시하는 자동 완성 드롭 다운을 원합니다. 드롭 다운 데이터 그리드와 거의 유사하므로 사용자는 "이름", "주소"등을 일관된 방식으로 볼 수 있습니다.

답변

-1

React는 원하는 클래스 나 스타일로 DOM에 원하는 것을 렌더링합니다. 디자인 문제를 해결하는 것은 당신이 단지 html과 css로하고 있었다면 전혀 다르지 않을 것입니다.

방정식의 반응 부분은 상호 작용을 처리하고 올바른 클래스/스타일이 올바른 구성 요소로 끝나게 할 것입니다. 당신은 항상 마찬가지로 타사 라이브러리를 사용하도록 선택할 수 있습니다. http://jedwatson.github.io/react-select/

+0

현재 반응 선택을 사용하고 있습니다. 그러나 나는 이름, 날짜, 등등을위한 공간의 설정 금액을 허용으로 행을 형식화하는 방법을 모르겠다. 반응 - 당신은 두 개의 소품 :'optionClassName'과'className'을 전달할 수있는 선택으로 –

+0

. 'optionClassName'에 문자열을 전달할 수 있습니다. 그러면 클래스를 각 옵션 행에 추가하고'className'은 클래스를 컨테이너에 추가한다는 점만 제외하면 동일한 작업을 수행합니다. 그래서'className = 'my-custom-select'와 'optionClassName = my-custom-select-option' 같은 것을 할 수 있습니다. 패딩과 마진을 조정하기 위해 CSS를 사용하십시오. – finalfreq

+0

@finalfreq 그건 그가 성취하려고하는 것이 아닙니다. –

관련 문제