const Question = (props) => {
const search = props.data.filter(
(qna) => {
return qna.question.indexOf(props.keyword) > -1;
}
)
console.log(search)
return (
<Accordion
sections={search}
activeSections={props.activeSections}
touchableComponent={TouchableOpacity}
duration={0}
onChange={props.updateSections}
scrollEnabled={false}
style={{ borderWidth: 0 }}
renderHeader={props.renderHeader}
renderContent={props.renderContent}
keyExtractor={item => item.id.toString()}
/>
)
}
class CustomerHelp extends Component {
constructor(props) {
super(props)
this.state = {
faqs: [],
selectedCategoryIndex: 0,
activeSections: [],
keyword:'',
}
}
_renderHeader=()=>{}
_renderContent=()=>{}
_updateSection=()={}
render(){
return(
<Question
data={flatQna}
keyword={this.state.keyword}
renderHeader={this._renderHeader}
renderContent={this._renderContent}
activeSections={this.state.activeSections}
updateSections={this._updateSections}
/>
)
}
}
'프로그래밍 정보공유' 카테고리의 다른 글
findIndex를 이용하여 object array내 원소 위치 탐색하기 (0) | 2020.07.07 |
---|---|
git 브랜치 pull request 하기 (0) | 2020.07.06 |
nested array 펼치기 (0) | 2020.07.01 |
nested된 JSON 데이터의 특정한 key값만 뽑아내기 (0) | 2020.07.01 |
공공데이터포털 Open API 사용하기 下 - 코드 예시 (0) | 2019.12.28 |