inferno-nerv
TypeScript icon, indicating that this package has built-in type declarations

0.2.1 • Public • Published

deerhorn-nerv 是什么

解决 React-like 框架中 Component 之间的通信问题,提供异于 Redux 的跨组件通信的解决方案

derrhorn-nerv 支持的 React-like 库

- [v] Inferno
- [v] React
- [x] Preact

安装

    npm install deerhorn-nerv --save
    yarn add deerhorn-nerv

用法

const Component from 'inferno-component'
const { insertNerv } from 'deerhorn-nerv'
 
class Ping extends Component {
  constructor(props) {
    super(props)
    this.state = { message: '' }
  }
  
  componentDidMount() {
    // 此组件加载完成后即可发送相应的 Message
    this.props.pong()
  }
  
  componentWillReceiveProps(nextProps) {
    this.setState({ message: nextProps.message }) 
  }
  
  render() {
    return <div />
  }
}
 
const listenFunc = (setProps, localContext) {
  return {
    'ping': (msg) => setProps({ message: msg.message })
  }
}
 
const dispatchFunc = (dispatch, localContext) {
  return {
    pong: () => dispatch('pong', {})
  }
}
 
const PintNerv = insertNerv(listenFunc, dispatchFunc)(Ping)

Readme

Keywords

none

Package Sidebar

Install

npm i inferno-nerv

Weekly Downloads

0

Version

0.2.1

License

MIT

Last publish

Collaborators

  • montlsc