Ant-design: バックトップターゲットが無効です

作成日 2017年06月05日  ·  3コメント  ·  ソース: ant-design/ant-design

バージョン

2.10.4

環境

mac ox 10.11.6、chrome 58.0.3029.110、antd 2.10.4

複製リンク

https://codepen.io/cnchore/pen/KqwNjr

再現する手順

  1. バックトップターゲットバインドdiv;
  2. divをスクロールすると、バックトップが表示されます。クリックしてトップに戻ります。

何が期待されますか?

divをスクロールすると、バックトップが表示されます。クリックしてトップに戻ります。

実際に何が起こっているのですか?

スクロールdiv、バックトップは表示されません

全てのコメント3件

あなたのcodepenのdivはスクロールすることさえできません!

https://codepen.io/anon/pen/yXyZqq?editors=0010

反応15アップデート16.1.0

<BackToptarget={() => document.getElementById('backTop')}> <div> <Icon type="arrow-up" className='backTop' /> </div> </BackTop>
警告:プロップtargetの値が無効です

鬼ごっこ。 要素から削除するか、文字列または数値を渡してDOMに保持します。 詳細については、 https://fb.me/react-attribute-behaviorを参照してください。
div内(BackTopによって作成)
AnimateChildで(Animateによって作成されました)
Animateで(BackTopによって作成)
BackTop(製品によって作成)
div内(BasicLayoutによって作成)
BasicLayout(アダプタによって作成)
アダプタ内(製品によって作成)
製品内
不明(Form(WrappedComponent)によって作成)
Form(WrappedComponent)(RouterContextによって作成)
div内(BasicLayoutによって作成)
BasicLayout(アダプタによって作成)
アダプタ内(FirstPageによって作成)
div内(BasicLayoutによって作成)
BasicLayout(アダプタによって作成)
アダプタ内(FirstPageによって作成)
div内(FirstPageによって作成)
FirstPageで(Connect(FirstPage)によって作成されました)
Connect(FirstPage)内(RouterContextによって作成)
RouterContext(Routerによって作成された)
ルーターで
プロバイダーで

何があったの?

同じ警告が表示されました
image

targetの名前をdata-targetに変更して、顧客属性の命名規則に適合させる必要があるように思われます。
コンポーネントは期待どおりに機能します

このページは役に立ちましたか?
0 / 5 - 0 評価