this.setState({data ... })this.state.data с помощью map / forEach / тд...
constructor(props) {
super(props)
this.state = {
data: []
}
}
...
componentDidMount() {
// ваш ajax запрос
// в success коллбэке устанавливаете новый state, из-за этого произойдет ре-рендер
success: function(data) { this.setState(data) }
}
render() {
const { data } = this.state
...
<table className='table table-bordered table-striped'>
<thead>
<tr>
<th>name</th>
</tr>
</thead>
<tbody>
{
data.map(item => {
return (
<tr key={item._id}>
<td>{item.name}</td>
</tr>
)
})
}
</tbody>
</table>
...
}// кусочек из reducer'a
case GET_DETAILED_FILES_REQUEST:
return {
...state,
isFetching: true,
}
...
// код из теста
it('GET_DETAILED_FILES_REQUEST', () => {
const action = {
type: GET_DETAILED_FILES_REQUEST,
}
const nextState = reducer(initialState, action) // где reducer = ваш настоящий редьюсер, например " import reducer from '../../src/reducers/detailedFiles' "
expect(nextState).to.deep.equal({
...initialState,
isFetching: true,
})
})import 'react-virtualized/styles.css' (и при этом не нужно писать путь от node_modules), думаю если разобраться как они это сделали - для вас это будет решением)
я храню меняющуюся информацию в state именно этого компонента
стоит ли эти текущие state объявить в state всего приложения и менять их там
..
deleteNote(e) {
console.log(e.target.dataset.item) //здесь будет идентификатор элемента
}
...
<span onClick={self.deleteNote} data-item={i} className={"close"}>X</span>
...connect( (state)=> {
console.log('вызван connect')
return state.arrayValues.filter(val => val.includes(a));//массив со строками
},
(dipatch)=>({})
);is an easy way to perform CSS transitions and animations when a React component enters or leaves the DOM
через свой набор классов.
class GroupPage extends Component {
static deleteItem(item){
console.log('item',item)
}
}
...
const SortableItem = SortableElement(({value}) =>
<li className="listStyle">
{value.video.time !== 0 ?
<Button bsStyle="primary" onClick={()=> GroupPage.deleteItem()}>-</Button> : null}
</li>);data-*атрибута у элемента, который будет доступен внутри e.target.dataset.*
<Route path={"/rooms/:chatroomId"} component={ChatBox} />Используете ли вы с redux методы жизненного цикла (componentWillReceiveProps и тд..)