Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Bug fix? | [x ]
PlaceHolder component is not rendering after a string change in it's properties.
What's in this Pull Request?
Update to the "shouldComponentUpdate' function in placeholder allowing it to check for more property changes.
currently returns FALSE unless a user changes the width of the component OR the hide button prop is added;
Added a comparison to the props for conditional rendering of strings.
Use case:
I wanted the button label to change based on the property pane being open or not.
Ex.
<Placeholder
iconName='Edit'
iconText='Configure your web part'
description='Please configure the web part.'
buttonLabel={(this.props.isPaneOpen)?'Close Property Pane':'Configure'}
onConfigure={this.props._onConfigure}
/>
buttonLabel={(this.props.isPaneOpen)?'Close Property Pane':'Configure'} did not trigger a render().
added:
for (const property in nextProps) {
if (property != '_onConfigure'){
if (nextProps[property] != this.props[property]) {
return true;
}
}
}
To allow the user to render conditional strings in their logic.