Question

我想在另一页中调用滚动功能。滚动内容在另一页中，滚动按钮在页眉中。

scrollMore() {
  scroll.scrollMore(100);
}

这是我使用的滚动功能，写在内容页面

<button title="Scroll" onClick={this.scrollMore} className="dashboard-patients-header_scroll">
  <ScrollIcon/>
</button>

这是调用此功能的按钮，该按钮写在标题页中。但是该功能无法正常工作。所有更改需要什么？

Answer 1

您可以导出它：

# headerpage
export const scrollMore = () => {
  scoll.scollMore(100);
}

并将其导入另一面：

# other page
import {scollMore} from './headerpage';
...
<button title ="Scroll" onClick={scrollMore()} className ="dashboard-patients-header_scroll">
  <ScrollIcon/>
</button>

或者您可以使用属性：

class Headerpage extends Component {

    scrollMore() {
        scoll.scrollMore(100);
    }

    render() {
        return <OtherPage scollMore={this.scrollMore} />
    }

}

class OtherPage extends Component {

    render() {
        return (
            <button title="Scroll" onClick={this.props.scrollMore} className="dashboard-patients-header_scroll">
                <ScrollIcon />
            </button>
        );
    }

}

从reactjs中按钮的另一个页面调用函数

1 个答案: