Mobx入门之三：Provider && inject（mockobjectmanager）

25-02-05 19

最近很多小伙伴都在问Mobx入门之三：Provider&&inject和mockobjectmanager这两个问题，那么本篇文章就来给大家详细解答一下，同时本文还将给你拓展c#–如何在Ninject

最近很多小伙伴都在问Mobx入门之三：Provider && inject和mockobjectmanager这两个问题，那么本篇文章就来给大家详细解答一下，同时本文还将给你拓展c# – 如何在Ninject中使用Provider、com.google.inject.Provider的实例源码、com.google.inject.throwingproviders.CheckedProvider的实例源码、com.google.inject.throwingproviders.ThrowingProviderBinder.Result的实例源码等相关知识，下面开始了哦！

本文目录一览：

Mobx入门之三：Provider && inject（mockobjectmanager）
c# – 如何在Ninject中使用Provider
com.google.inject.Provider的实例源码
com.google.inject.throwingproviders.CheckedProvider的实例源码
com.google.inject.throwingproviders.ThrowingProviderBinder.Result的实例源码

Mobx入门之三：Provider && inject（mockobjectmanager）

上一节中<App/>组件传递状态temperatures给children -- <TemperatureInput />，如果组建是一个tree, 那么属性的传递则会非常繁琐。redux使用Provider给子组件提供store, connect将子组件和store联系起来，mobx使用Provider和inject注入

import ReactDOM from ''react-dom''
// import registerServiceWorker from ''./registerServiceWorker'';
import React from ''react''
import { action, computed, observable } from ''mobx''
import { Provider, observer, inject } from ''mobx-react''
import DevTools from ''mobx-react-devtools''
const APPID = ''415a88f2b45f08c3e561b058772ec6c3''

class Temperature {
  id = Math.random()
  @observable unit = ''C''
  @observable temperatureCelsius = 25
  @observable location = ''Amsterdam, NL''
  @observable loading = true

  constructor (location) {
    this.location = location
    this.fetch()
  }
  @computed get temperatureKelvin () {
    console.log(''calculating Kelvin'')
    return this.temperatureCelsius * (9 / 5) + 32
  }

  @computed get temperatureFahrenheit () {
    console.log(''calculating Fahrenheit'')
    return this.temperatureCelsius + 273.15
  }

  @computed get temperature () {
    console.log(''calculating temperature'')
    switch (this.unit) {
      case ''K'':
        return this.temperatureKelvin + ''°K''
      case ''F'':
        return this.temperatureFahrenheit + ''°F''
      case ''C'':
        return this.temperatureCelsius + ''°C''
      default:
        return this.temperatureCelsius + ''°C''
    }
  }

  @action fetch () {
    window.fetch(`http://api.openweathermap.org/data/2.5/weather?appid=${APPID}&q=${this.location}`)
      .then(res => res.json())
      .then(action(json => {
        this.temperatureCelsius = json.main.temp - 273.15
        this.loading = false
      }))
  }
  @action setUnit (newUnit) {
    this.unit = newUnit
  }

  @action setCelsius (degrees) {
    this.temperatureCelsius = degrees
  }

  @action(''update temperature and unit'')
  setTemperatureAndUnit (degrees, unit) {
    this.setUnit(unit)
    this.setCelsius(degrees)
  }

  @action inc() {
    this.setCelsius(this.temperatureCelsius + 1)
  }
}

@inject(''temperatures'')
@observer
class TemperatureInput extends React.Component {
  @observable input = ''''
  render () {
    return (
      <li>
        Destination
        <input value={this.input}
               onChange={this.onChange}/>
        <button onClick={this.onSubmit}>Add</button>
      </li>
    )
  }
  @action onChange = e => {
    this.input = e.target.value
  }

  @action onSubmit = () => {
    this.props.temperatures.push(new Temperature(this.input))
    this.input = ''''
  }
}
@observer
class TView extends React.Component {
  render () {
    const t = this.props.temperature
    return (
      <li key={t.id} onClick={() => this.onTemperatureClick()}>{t.location}: {t.loading ? ''loading...'' : t.temperature}</li>
    )
  }

  @action onTemperatureClick = () => {
    this.props.temperature.inc()
  }
}
const App = inject(''temperatures'')(observer(
  ({ temperatures }) => (
    <ul>
      <TemperatureInput />
      {temperatures.map(t =>
        <TView key={t.id} temperature={t} />
      )}
      <DevTools/>
    </ul>
  )))

const temps = observable([])

ReactDOM.render(
  <Provider temperatures={temps}>
    <App />
  </Provider>,
  document.getElementById(''root'')
)

c# – 如何在Ninject中使用Provider

我有以下代码

public class Something {
    [Inject]
    public Configuration config {get;set;} //singleton
    [Inject]
    public Provider<WindowHandler> windowsProvider { get; set; } //NOT singleton

    public void Search(string text) {
        WindowHandler handler = windowsProvider.Create(xxxxxx);
        //use the new handler that was created
    }
}

但似乎提供商采用了IContext,我放了xxxxxx.不应该使用IContext从我引导并从内核创建Something.cs时使用. Provider上的no参数Create方法在哪里??? (我来自Guice的土地观点,它将被编码如上).

所以问题是如何正确地做到这一点？

谢谢,
院长

解决方法

您似乎正在尝试将提供程序用作代码中的工厂.

Ninject术语中的提供者是一个工厂,它被赋予Ninject以创建特殊创建的对象.因此,它获取解析上下文,可用于创建不同的实例,具体取决于注入实例的位置.

public class FooProvider : Provider<IFoo>
{
    public override IFoo CreateInstance(IContext ctx)
    {
        // add here your special IFoo creation code
        return new Foo();
    }
}

kernel.Bind<IFoo>().ToProvider<FooProvider>();

你想要的是你的编码器中的工厂,它创建一个WindowHandler实例.因此,创建一个接口来创建这样的实例：

public interface IWindowHandlerFactory
{
    WindowHandler Create();
}

Bind<IWindowHandlerFactory>().ToFactory();

或者你可以注入Func< WindowHandler>没有添加配置.但在我看来,这没有什么意义.

注意：所有这些都需要Ninject.Extensions.Factory作为Nuget的预发布3.0.0-rc2.

另见：http://www.planetgeek.ch/2011/12/31/ninject-extensions-factory-introduction/

com.google.inject.Provider的实例源码