Я пытаюсь заставить работать бесконечную прокрутку в моем приложении Semantic UI React, используя компонент видимости.
Я следил за этим примером на странице Semantic UI React: https://react.semantic-ui.com/behaviors/visibility#callback-frequency-example. Я упростил код следующим образом:
import React, { Component } from 'react';
import { Visibility } from 'semantic-ui-react';
export default class VisibilityExample extends Component {
render() {
return (
<Visibility
continuous={false}
once={false}
onTopVisible={() => console.log('test')}
onTopPassed={() => console.log('test')}
onBottomVisible={() => console.log('test')}
onBottomPassed={() => console.log('test')}
onTopVisibleReverse={() => console.log('test')}
onTopPassedReverse={() => console.log('test')}
onBottomVisibleReverse={() => console.log('test')}
onBottomPassedReverse={() => console.log('test')}
onPassing={() => console.log('test')}
onPassingReverse={() => console.log('test')}
onOnScreen={() => console.log('test')}
onOffScreen={() => console.log('test')}
>
<div>Hello</div>
</Visibility>
);
}
}
В моем простом приложении React ни один из операторов console.log
не запускается. Однако, когда я манипулирую кодом на веб-странице Semantic UI React, операторы console.log
запускаются, как ожидалось.
Что мне не хватает?
Изменить: вот где я визуализирую компонент VisibilityExample в файле index.js
:
/* global document */
import React from 'react';
import ReactDOM from 'react-dom';
import VisibilityExample from './VisibilityExample';
ReactDOM.render(
<VisibilityExample />,
document.getElementById('root')
);
VisibilityExample
? Покажите нам также этот JS-файл - person Jude Niroshan   schedule 12.08.2017VisibilityExample
- это действительно простой файл. Я тоже пробовал в Firefox, не повезло - person frogbandit   schedule 12.08.2017