Завожу связку из трех баранов в сабже.
маршруты:
document.addEventListener('DOMContentLoaded', ()=> {
var container = document.getElementById('MyAppContainer');
ReactDOM.render(
(
<Router history={browserHistory}>
<Route path={_HOME} component={MainApp}>
<IndexRoute component={AccountApp}/>
<Route path={_HOME+'/register'} component={RegistrationApp}/>
<Route path={_HOME+'/login'} component={LoginApp}/>
</Route>
</Router>
)
,
container
);
});
в index.html:
<head>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-formhelpers.css" rel="stylesheet">
<script type="text/javascript" src="js/bundle1.js"></script>
</head>
<body>
<div id="MyAppContainer"></div>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.2.3.min.js"></script>
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/bootstrap-formhelpers.js"></script>
<script type="text/javascript" src="js/bootstrap-formhelpers-phone.js"></script>
</body>
в RegistrationApp рендерится следующий кусок:
<input
ref="username"
name='username'
type='text'
className='form-control bfh-phone'
placeholder='Phone number'
data-format="+7 (ddd) ddd-dddd"
onChange={this.onChange}
/>
вот в такой связке не работает шаблонизатор input-поля.
А если я убираю все маршруты и рендерю на главную статичный RegistrationApp, то все работает.
В чем может быть дело? почему такое странное поведение?
