mirror of
https://github.com/twisterarmy/twister-react.git
synced 2025-01-29 16:14:14 +00:00
36 lines
1.1 KiB
Markdown
Executable File
36 lines
1.1 KiB
Markdown
Executable File
react-mixin-safe-state-change
|
|
=============================
|
|
|
|
[](http://www.npmjs.com/package/react-mixin-safe-state-change)
|
|
[](http://www.npmjs.com/package/react-mixin-safe-state-change)
|
|
|
|
React mixin which sets or replaces state only when it is safe to do so.
|
|
|
|
## Motivation
|
|
When processing the response of an asynchronous request, it might not be safe to call setState or replaceState, because the component might no longer be mounted.
|
|
|
|
|
|
## Install
|
|
`npm install react-mixin-safe-state-change`
|
|
|
|
## Usage
|
|
```javascript
|
|
var safeStateChangeMixin = require('react-mixin-safe-state-change');
|
|
|
|
React.createClass({
|
|
mixins: [safeStateChangeMixin]
|
|
|
|
someCallback: function(newValue) {
|
|
if (!this.setStateSafe({value: newValue})) {
|
|
console.warn('Could not set the state.');
|
|
}
|
|
|
|
// or
|
|
|
|
if (!this.replaceStateSafe({value: newValue})) {
|
|
console.warn('Could not replace the state.');
|
|
}
|
|
}
|
|
});
|
|
```
|