@actbase/react-absolute 中文文档教程

Question

react-absolute

• react-absolute
• What is react-absolute
• Install
• Getting Started / Usage
  • Preconfig for using.
  • Usage
• Interfaces & methods
• Contact us

What is react-absolute

众所周知，React 是非常强大的开发框架。 在 JSX Struct 中我们不需要学习新特性。 开发人员有时应该制作一些没有主渲染块的依赖组件。 我们知道一些如何在任何时间和任何点出现自定义组件。 如果你想使用更强大的 react js，应该考虑使用我们的“react-absolute”解决方案。

Install

• Using npm

npm install @actbase/react-absolute;

• Using yarn

yarn add @actbase/react-absolute;

Getting Started / Usage

Preconfig for using.

• On very first entry point. index.js or app.js
• Make sure wrapping with Absolute

import Absolute from '@actbase/react-absolute';

const App = ()=>{
  return (
    <Absolute.Provider style={{flex:1}}>
      {/* rendered components before. */}
    </Absolute.Provider>
  )
}
export App;

Usage

• Using with render block

import Absolute from '@actbase/react-absolute';

const SomeComponent = ({})=>{
  if( condition ) return null;  
  return (
    <Absolute style={{}}>

    </Absolute>
  )
}

• Using with event function.

<SomeEventProvider someEventHandler={()=>{
  // adding absolute on your purpose.
  const handler = Absolute.add(
    <ToBeAboluteComponentYouHave />
  );

  // remove.
  handler.remove();
}} />

Interfaces & methods

• props of Absolute.Provider
• Methods
  • add

Contact us

如果您考虑使用 React 提供服务。

打电话给我们