title: How to set state value in Ngrx 9.x?
body: <p>I'm trying to figure out how to set a specific value in the latest version of Ngrx. The docs mention how to increment/decrement/reset values in the store, but I didn't see any examples on how to dynamically set values or how to pass arguments to reducers.</p>
  <p>This is what I have at the moment, but I know it's not correct:</p>
  <p>My actions:</p>
  <pre><code>// TODO: properly implement action
  export const setLabel = createAction('[Label Component] Set,  props&lt;{ addressField: string }&gt;()');
  </code></pre>
  <p>My reducer:</p>
  <pre><code>export interface AppState {
    addressField;
  }
  
  const _reducer = createReducer(
    // initial state:
    { addressField: '' },
    // TODO: update `addressField`:
    on(setLabel, state =&gt; {
      return {
        ...state
      };
    })
  );
  
  export function labelReducer(state, action) {
    return _reducer(state, action);
  }
  </code></pre>
  <p>Finally, my component:</p>
  <pre><code>// imports...
  
  export class MyComponent implements OnInit {
      constructor( private store: Store&lt;AppState&gt;,
                   private AddressService: AddressService) {
      }
  
      ngOnInit() {
          // TODO: update store state:
          this.AddressService.getFields().subscribe(x =&gt; {
              this.store.dispatch(setLabel({ addressField: x.addressLine }));
          });
    }
  }
  </code></pre>