幫助！我正在做 React + Laravel 6。我想將一個字符串傳遞給我的 React 組件中的道具，但這必須從 file.blade.php 文件傳遞/寫入。** 文件.blade.php **<div id="MyComponent"></div><div id="MyComponent"> string I want to pass</div>我無法得到這個 innerHTML 以及 ID 已經被標記。<div id="MyComponent" customProp="string to I want to pass"></div>我不確定是否可以使用自定義屬性或 HTML 標記的本機屬性并在 JS 組件中獲取它，但我知道這對于 React 組件是可能的。我知道 php 文件不能<MyComponent />像我在 JS 中那樣在 Blade.php 文件中輸入，而 php 文件只能通過 ID 標簽使用組件。請不要建議fetch，我知道它會解決這個問題，但是為了達到預期的效果，這個過程不必要地更長，只是為了顯示。我寧愿在 HTML 中硬編碼這個組件。期望的效果：我希望這個 React 組件根據傳遞的字符串調整它的文本。我可以簡單地對 JS 中的文本進行硬編碼，但組件不能重用并且會破壞組件化。
3 回答
翻翻過去那場雪
TA貢獻2065條經驗 獲得超14個贊
您可以將您的element第一個定義為 const/var 或其他。然后你訪問元素的屬性element.attributes并遍歷你的屬性，如下所示：
const element = document.getElementById('MyComponent');
ReactDOM.render(
<MyComponent {...element.attributes} />,
element
);
您可以使用 訪問屬性this.props。
如果您要傳遞 data-* 屬性，則可以使用{...element.dataset}
江戶川亂折騰
TA貢獻1851條經驗 獲得超5個贊
您可以使用<MyComponent />
<div id="app">
<MyComponent customProp="string to I want to pass" />
</div>
在 app.js 中
ReactDOM.render(<App />, document.getElementById('app'));
蠱毒傳說
TA貢獻1895條經驗 獲得超3個贊
我不是核心 reactjs 開發人員，但我最近為使用 reactjs 開發人員構建的工具所做的事情是將我的變量作為數據屬性傳遞，如下所示：
<div id="root" data-text="blah blah">
然后，查看他的源代碼，我可以看到一個函數：
componentDidMount()
{
//other variables here
let data_text= $('#root').attr("data-text"); //get the data attribute variable
}
希望這可以幫助
- 3 回答
- 0 關注
- 109 瀏覽
添加回答
舉報
0/150
提交
取消