如何在jsx中显示页面状态?

时间:2016-10-08 22:33:02

标签: reactjs redux react-redux

我刚开始查看react / redux这是我的组件:

std::unique_ptr<sf::RectangleShape> operator()() {
  return make_unique<sf::RectangleShape>(player);
}

我以为我可以将js与html混淆但是store.getState()给了我这个错误:

const store = createStore(reducer);

const rootEl = document.getElementById('root')

//render root component
const render = () => ReactDOM.render(

  {store.getState()}


  <List

    addToList={() => store.dispatch(
      {
        type: 'ADDTEXT',
        payload: {
          text: 'this is a text'
        }
      }
    )}
      />

  ,
      rootEl
      )

//call
      render()

//subscribe the store
      store.subscribe(render)

如何在UI上显示状态?

1 个答案:

答案 0 :(得分:2)

这里的问题很简单。 JSX不支持返回多个JSX节点。阅读更多here

所以把所有这些放在一个div中,它应该有效:)

<div>
  {store.getState()}
  <List addToList={() => store.dispatch({
      type: 'ADDTEXT',
      payload: {
        text: 'this is a text'
      }
    })
  }/>
</div>