[Question] Does it support passing name as prop?

[yesmeck]

[Question] Does it support passing name as prop?

[yesmeck]

Do you mean dynamic modal like redux-form's dynamic form?

[Whoaa512]

No I mean can I pass the modal name as a prop to the component instead of declaring it when I connect it with redux-modal. Similar to how I can pass the form prop to a component that was connected with redux-form.

[yesmeck]

@Whoaa512 Could you please provide some sample code?

[yesmeck]

Do you mean this:

class App extends Component {
  render() {
    const WrappedMyModal = connectModal({ name: this.props.name})(MyModal)

    return (
      <div>
        <WrappedMyModal />
      </div>
    )
  }
}

[Whoaa512]

Close but I want to be able to export the connected component without declaring the name until I use the connected version like so:

// MyModal.js
class MyModal extends Component {
  render() {
    return (
      <div>Hello</div>
    )
  }
}

export default connectModal()(MyModal)

// App.js
import WrappedMyModal from './MyModal'

class App extends Component {
  render() {
    return (
      <div>
        <WrappedMyModal name={'simpleModal'}/>
      </div>
    )
  }
}

[yesmeck]

You can create a higher order component for your modal. Look at the commit above.

[yesmeck]

Updated the example https://github.com/yesmeck/redux-modal/blob/master/example/src/containers/HOCModal.js

[Whoaa512]

This will work.