RadioGroupButtonが仕事していないようですがここスターターキット

Question

反応し、それのGIFです：あなたは、私はそれをクリックしたときに、それが選択されていない、見ることができるように http://www.giphy.com/gifs/3oKIP7arhKhNzNzytq

。

はここWebPACKの中で働いている私の正確なコードです： https://www.webpackbin.com/bins/-KoaaPYxDno695fiUBMn

しかし、私のスターターキットの環境では、動作するようには思えません。ただし、チェックボックスが機能しているようです。何か案は？

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

EDIT：私はreact-tap-event-pluginも持っています。私はclient.jsファイルの最上部でそれを呼び出しました。また、Location.jsファイルの上で試しました。

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

ここに私の完全な依存関係のリストです：

dependencies": { 
    "apisauce": "^0.14.0", 
    "babel-polyfill": "^6.23.0", 
    "bluebird": "^3.5.0", 
    "body-parser": "^1.17.2", 
    "classnames": "^2.2.5", 
    "cookie-parser": "^1.4.3", 
    "core-js": "^2.4.1", 
    "express": "^4.15.3", 
    "express-graphql": "^0.6.6", 
    "express-jwt": "^5.3.0", 
    "graphql": "^0.10.3", 
    "history": "^4.6.3", 
    "isomorphic-style-loader": "^2.0.0", 
    "jsonwebtoken": "^7.4.1", 
    "material-ui": "^0.18.6", 
    "node-fetch": "^1.7.1", 
    "normalize.css": "^7.0.0", 
    "passport": "^0.3.2", 
    "passport-facebook": "^2.1.1", 
    "pretty-error": "^2.1.1", 
    "prop-types": "^15.5.10", 
    "query-string": "^4.3.4", 
    "react": "^15.5.4", 
    "react-dom": "^15.5.4", 
    "react-tap-event-plugin": "^2.0.1", 
    "sequelize": "^4.2.1", 
    "serialize-javascript": "^1.3.0", 
    "source-map-support": "^0.4.15", 
    "sqlite3": "^3.1.8", 
    "universal-router": "^3.2.0", 
    "whatwg-fetch": "^2.0.3" 
    }, 

Answer 1

あなたはおそらくreact-tap-event-pluginが欠落しています。 npm install -save react-tap-event-plugin

Answer 2

私は数日間この問題で悩んで、解決策を見つけました。それがあなたに役立つかどうかを確認してください

なぜ機能していませんでしたか？

RadioButtonのバックエンドコードをよく見れば、実際にはチェックボックスと似ていることに気づくでしょう。問題はRadioButtonsだけでなく、チェックボックスも機能していないことを認識しました（トグルがうまくいきました）。

私は自分のソースコードを取り出し、CRA（Create React App）を使って実行し、RadioButtonsは完全に機能していました。 RSK（React Starter Kit）の場合、最初の容疑者はBrowserSyncでした。私はもう少し深く掘り下げて、Ghostのクリックを無効にするためのBrowserSyncの設定があることを発見した。あなたは/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)), 
), 

にごRSKプロジェクトフォルダと変更の設定で後藤、起動スクリプトにゴーストモードをオフにする

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

ここでそれについての詳細を読むことができます