RadioGroupButton似乎不适用于React Starter Kit

时间:2017-07-09 09:26:37

标签: reactjs react-router material-ui react-starter-kit formsy-material-ui

这是它的gif: http://www.giphy.com/gifs/3oKIP7arhKhNzNzytq

正如您所看到的,每当我点击它时,它都不会选择。

这是我在webpack中使用的确切代码: https://www.webpackbin.com/bins/-KoaaPYxDno695fiUBMn

但是在我的入门套件环境中,它似乎不起作用。但是,复选框似乎有效。有什么想法吗?

FILE *fp =
   fopen("C:\\Users\\khali\\Desktop\\C programming project\\admin.txt", "r");
char loginID [200];
char password [200];
char name[200];
int found = 0; // will become 1 if the login ID was found
while (fp && !found) {
    printf("Please enter your login ID below\n");
    scanf("%s", &loginID);
    if ( loginID[0] == 0 ) { // test if the inut is an empty string and break
      break;
    }
    fseek(fp, 0, SEEK_SET); // start every search at the beginning of the file
    while (!found && !feof(fp)) { // test if found or end of file
        fgets(name, 200, fp );
        if (strncmp(name, loginID, strlen(loginID)) == 0) {
            found = 1; // the name was found and we are finished
            printf("\nWelcome %s", name);
        }
    }
}
if (fp) {
    fclose(fp);
}
编辑:我也有react-tap-event-plugin,我在client.js文件的顶部调用它。也尝试在我的Location.js文件的顶部。

"react": "^15.5.4",
"react-dom": "^15.5.4",
"material-ui": "^0.18.6",

这是我的完整依赖列表:

import injectTapEventPlugin from 'react-tap-event-plugin';
injectTapEventPlugin();

2 个答案:

答案 0 :(得分:1)

您很可能错过了react-tap-event-plugin。 添加npm install -save react-tap-event-plugin

答案 1 :(得分:0)

我已经解决了这个问题几天,并找到了解决方案。看看它是否适合你

为什么不能正常工作?

如果你仔细观察RadioButton的后端代码,你会发现它实际上与Checkbox类似。我意识到问题不仅在于RadioButtons,而且复选框也没有用(虽然切换工作正常)。

我使用了我的源代码并使用CRA(创建React App)运行它,RadioButtons完美地工作。对于RSK(React Starter Kit),第一个不同的是BrowserSync。我挖得更深一些,发现BrowserSync中有一个用于Ghost点击的配置,该配置将被关闭。你可以在这里阅读更多相关信息

https://github.com/callemall/material-ui/issues/2983

要在启动脚本中关闭Ghost模式,请转到RSK Project文件夹中的 /tools/start.js ,然后将配置更改为

browserSync.create().init(
  {
    // https://www.browsersync.io/docs/options
    server: 'src/server.js',
    ghostMode: false,
    middleware: [server],
    open: !process.argv.includes('--silent'),
    ...(isDebug ? {} : { notify: false, ui: false }),
  },
  (error, bs) => (error ? reject(error) : resolve(bs)),
),