小编nor*_*ial的帖子

我正在使用material-ui来创建表单，并使用Grid系统执行以下操作：

<Grid container>
    <Grid item xs={4} />
    <Grid item xs={4} />
    <Grid item xs={4} />
</Grid>

并且能够将前两个项目放在第一行，将第三项目放在第二行，我发现这样做的唯一方法是：

<Grid container>
    <Grid item xs={4} />
    <Grid item xs={4} />
</Grid>
<Grid container>
    <Grid item xs={4} />
</Grid>

将材料UI 堆叠Grid到行中的更好方法是什么（例如Bootstrap网格中的行类概念）？

我还考虑了以下选项：

• 用空Grid项目填充第一行？

• 把垂直容器？

是否有任何方法可以在Phaser-3框架中暂停正在运行的游戏并恢复（使用按钮）？为Phaser-2提供的那个不起作用。

我正在使用React Context api将某些状态传递给不同的子组件，并且它正在返回undefined。

父组件：

export const UserContext = React.createContext();
export class Provider extends Component {
  state = {
    editGroup: false,
  }
  render() {
    return (
      <UserContext.Provider value={{
        state: this.state
      }}>
        {this.props.children}
      </UserContext.Provider>
    )
  }
}

子组件：

import { UserContext } from './index';

return (
  <React.Fragment>
    <UserContext.Consumer>
      {(context) => (
        <p>im inside the consumer {console.log(context)}</p>
      )}
    </UserContext.Consumer>
  </React.Fragment>
);

最后console.log的返回是undefined，我在这里做错了什么？

我想让 GitHub 图标<GitHubIcon />可点击并使其重定向到外部 url，在 api 中查看它似乎没有链接属性 ... https://material-ui.com/api/svg-icon/

<div className={classes.root}>
  <AppBar position="static">
    <Toolbar>
      <Typography variant="h6" className={classes.title}>
        Made with <FavoriteIcon /> by
        <a href="https://github.com/quiko"><GitHubIcon /></a>  //Not working 
      </Typography>
    </Toolbar>
  </AppBar>
</div>

一般是怎么做的？？

我收到以下错误：

Material UI React - 找不到模块：无法在 React 中解析“@material-ui/pickers”。

我有关于“@date-io/date-fns”的相同消息，但设法通过更新到最新版本来解决它： npm i --save date-fns@next @date-io/date-fns

我怀疑它可能需要类似的解决方案。

代码取自 Material-UI 网站上的示例。

谢谢！丹尼尔

[import 'date-fns';
import React from 'react';
import Grid from '@material-ui/core/Grid';
import DateFnsUtils from '@date-io/date-fns';
import { MuiPickersUtilsProvider, KeyboardTimePicker, KeyboardDatePicker } from '@material-ui/pickers';

function MaterialUITest() {
  // The first commit of Material-UI
  const \[selectedDate, setSelectedDate\] = React.useState(new Date('2014-08-18T21:11:54'));

  const handleDateChange = (date) => {
    setSelectedDate(date);
  };

  return (
    <MuiPickersUtilsProvider utils={DateFnsUtils}>
      <Grid container justify="space-around">
        <KeyboardDatePicker
          disableToolbar
          variant="inline"
          format="MM/dd/yyyy"
          margin="normal"
          id="date-picker-inline"
          label="Date picker inline" …