1

以下のシナリオを実装

  nextClassName={'text-hide'}
  nextText={''}
  nextIconComponent={
    <RaisedButton
      label='Next'  
  />}

これで、ボタンの上にラッパー div を持つ次のボタンが提供され、text-hide クラスがボタンではなくその div に適用されるため、次のボタンの境界線と背景はそのまま残ります。

スクリーンショットをご覧くださいhttp://imgur.com/a/AhBnc

背景とNEXTボタンの外枠を透明にしたいのですがどうすればいいですか？

4

1 に答える 1

0

この実装で私が取ったアプローチは完全に間違っています。行うべきことは、そのコンポーネントを使用してカスタム ページネーション コンポーネントを作成し、[次へ] ボタンと [前へ] ボタンを作成し、ページ番号の選択リストをドロップダウンして、そのカスタム コンポーネントをグリドル セクションに含めることです。

customPagerComponent に渡される値は、単なる jsx ではなく、React クラスである必要があります。最初の例を挙げると、おそらくこれを実行したいと思うでしょう:

class MyCustomPagerComponent extends Component {
  // boilerplate react stuff

  render() {
    // jsx for your component
  }
}

次に、Griddle jsx で次のことを行います。

import MyCustomPagerComponent from 'path/to/component';
<Griddle
  ...
  customPagerComponent={MyCustomPagerComponent}
>

次のボタンと前のボタンの両方が、この新しいカスタム ページネーション コンポーネントに含まれます。
このグリドル問題の詳細 https://github.com/GriddleGriddle/Griddle/issues/530

于 2016-12-14T17:37:26.703 に答える