問題タブ [react-styleguidist]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
material-ui - React Styleguidist ラッパー - モジュールの解析に失敗しました: 予期しないトークン
コンポーネントをマテリアル UI でラップするために Styleguidist にラッパーを追加しようとしていますThemeProviderが、Styleguidist によるラッパー ファイルの解析が失敗します。このプロジェクトでは create-react-app を使用しました。
styleguide.config.js:
StyleguidistMuiThemeWrapper.jsx:
theme.jsx:
Styleguidist をコンパイルしようとすると、次のようになります。
ラッパー ファイルの拡張子を に変更.jsx(および のパスを更新styleguide.config.js) すると、別のエラーが発生します。
create-react-app からイジェクトせずに Babel 構成を変更することはできません。これは避けたいことです。
私に何ができる？
私はドキュメントのこのセクションに頼ってきました。
html - react-styleguidist にマテリアル アイコンを含める方法
react-styleguidistドキュメントで Google Material Icons を使用しようとしています。私のstyleguide.config.jsファイルで、私は試しました
<link rel="stylesheet" href="//fonts.googleapis.com/icon?family=Material+Icons"> その後、template.html ファイルのタグに追加されました<head>が、react-styleguidist はこの形式を認識しなくなったようです。
次のようにテンプレートとテーマを使用しようとしました。
これは、実際のアイコンではなく、アイコン名を単語で表示するだけです。この方法は、Roboto などの実際のフォントでのみ機能すると思います。
reactjs - React ネイティブ ボーダー Css
私はreact-nativeの初心者です。下の画像のようなデザインを目指しています。でも赤い印の部分は作れません。この部分を設計するためにどの CSS プロパティを使用する必要があるかを言って、これを解決するのを手伝ってくれる人はいますか? border-radius を使用する必要があることはわかっていますが、指定された画像のような適切なデザインを作成するための他のプロパティに到達できません。
