unstated | 易学教程

React - Can you update an Unstated container state from an external function?

阅读更多关于 React - Can you update an Unstated container state from an external function?

问题 In the example from the Unstated library they update state within a container by interacting with a jsx button that is subscribed to the container. import React from 'react'; import { render } from 'react-dom'; import { Provider, Subscribe, Container } from 'unstated'; type CounterState = { count: number }; class CounterContainer extends Container<CounterState> { state = { count: 0 }; increment() { this.setState({ count: this.state.count + 1 }); } decrement() { this.setState({ count: this

How to use react unstated outside of render method?

阅读更多关于 How to use react unstated outside of render method?

问题 I am using ustated library in my project. In render method, I am using set like this: render() { return ( <ApiSubscribe> {api => ( <button content='CLICK ME' onClick={() => api.setMessage('RENDER CLICK')} /> )} </ApiSubscribe> ) } How can I call api.setMessage OUTSIDE of render? For example in componentDidMount ? ApiSubscribe is: export const ApiSubscribe = props => { // We also leave the subscribe "to" flexible, so you can have full // control over your subscripton from outside of the module

How to use react unstated outside of render method?

阅读更多关于 How to use react unstated outside of render method?

I am using ustated library in my project. In render method, I am using set like this: render() { return ( <ApiSubscribe> {api => ( <button content='CLICK ME' onClick={() => api.setMessage('RENDER CLICK')} /> )} </ApiSubscribe> ) } How can I call api.setMessage OUTSIDE of render? For example in componentDidMount ? ApiSubscribe is: export const ApiSubscribe = props => { // We also leave the subscribe "to" flexible, so you can have full // control over your subscripton from outside of the module return <Subscribe to={props.to || [Api]}>{props.children}</Subscribe>; }; Like this? class Child