honeymoose
/
sp-dev-fx-webparts
mirror of https://github.com/pnp/sp-dev-fx-webparts.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Restore ReactAccordion.tsx

This commit is contained in:
Hugo Bernier 2020-09-23 23:05:43 -04:00 committed by GitHub
parent 6b51f35791
commit 0a30250159
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
samples/react-accordion-section/src/webparts/reactAccordion/components/ReactAccordion.tsx
View File

@ -35,26 +35,25 @@ export default class ReactAccordion extends React.Component<IReactAccordionProps
}
private getListItems(): void {
if (typeof this.props.listId !== "undefined" && this.props.listId.length > 0) {
sp.web.lists.getById(this.props.listId).items.select("Title", "Content").get()
if(typeof this.props.listId !== "undefined" && this.props.listId.length > 0) {
sp.web.lists.getById(this.props.listId).items.select("Title","Content").get()
.then((results: Array<any>) => {
this.setState({
items: results
});
})
.catch((error: any) => {
.catch((error:any) => {
console.log("Failed to get list items!");
console.log(error);
});
}
}
public componentDidUpdate(prevProps: IReactAccordionProps): void {
if (prevProps.listId !== this.props.listId) {
public componentDidUpdate(prevProps:IReactAccordionProps): void {
if(prevProps.listId !== this.props.listId) {
this.getListItems();
}
if(prevProps.allowMultipleExpanded !== this.props.allowMultipleExpanded || prevProps.allowZeroExpanded !== this.props.allowZeroExpanded) {
this.setState({
allowMultipleExpanded: this.props.allowMultipleExpanded,
@ -67,7 +66,7 @@ export default class ReactAccordion extends React.Component<IReactAccordionProps
const listSelected:boolean = typeof this.props.listId !== "undefined" && this.props.listId.length > 0;
const { allowMultipleExpanded, allowZeroExpanded } = this.state;
return (
<div className={styles.reactAccordion}>
<div className={ styles.reactAccordion }>
{!listSelected &&
<Placeholder
iconName='MusicInCollectionFill'
@ -92,9 +91,9 @@ export default class ReactAccordion extends React.Component<IReactAccordionProps
</AccordionItemButton>
</AccordionItemHeading>
<AccordionItemPanel>
<p dangerouslySetInnerHTML={{ __html: item.Content }} />
<p dangerouslySetInnerHTML={{__html: item.Content}} />
</AccordionItemPanel>
</AccordionItem>
</AccordionItem>
);
})
}
@ -102,6 +101,6 @@ export default class ReactAccordion extends React.Component<IReactAccordionProps
</div>
}
</div>
);
);
}
}