Question

tf.reshape(tf.matmul(tf.reshape(Aijk,[i*j,k]),Bkl),[i,j,l])

如何在不创建新文件的情况下拆分上面的组件？我想重用const MyComponent = () => ( <div> <div>Block A</div> <div>Block B</div> </div> ) export default MyComponent如果它是有状态组件，我可以简单地将它们拆分为函数并将其呈现为<div>Block A</div>和{this.renderBlockA()}

Answer 1

您可以在同一个文件中创建这些小组件

export const BlockA = () => <div>Block A</div>
export const BlockB = () => <div>Block B</div>

const MyComponent = () => (
    <div>
       <BlockA/>
       <BlockB/>
    </div>
)
export default MyComponent

Answer 2

你需要问自己一个问题：

“我需要状态和生命周期方法吗？”您可以找到有关此主题的更多信息here。

如果您需要有状态的es6类组件，您只需在同一个文件中创建一个。 React.Component

如果您只需要一个哑（无状态）组件，这基本上只是您的UI的表示，您可以在同一个文件中编写function component，或使用styled-components或{{ 3}}生成带样式的html元素。

将无状态组件拆分为较小的部分

2 个答案: